2013-12-10 2 views
0

У меня есть код HTML, в котором код javascript вместо его выполнения просто показывает код javascript. Это может быть простой вопрос или немой ошибка, но после поиска некоторые веб-сайты, я не могу найти ответjavascript не будет выполнять, но печатает код

Мой код:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Daniel's Quicky Links</title> 
    <style type="text/css"> 
     a { 
      text-decoration:none; 
      color:blue; 
     } 

     div.author { 
      font-size:12px; 
      text-align:center; 
      position:absolute; 
      bottom:0%; 
      width:98%; 
      margin-left:auto; 
      margin-right:auto; 
     } 
    </style> 
</head> 
<body> 
    <p id="date"><button onClick="printDay()">day</button></p> 
    <table border="3" cellpadding="5" cellspacing="0" summary="This is a list of links to help you quickly guide through the internet" width="40%"> 
     <caption>This is a list of links to help you quickly guide through the internet</caption> 
     <tr> 
      <th>Link</th> 
      <th>Use</th> 
     </tr> 
     <tr> 
      <td><a href="http://google.com" target="_blank">Google</a></td> 
      <td>This link is to a great search engine</td> 
     </tr> 
     <tr> 
      <td><a href="http://facebook.com" target="_blank">Facebook</a></td> 
      <td>This link is to a great social media outlet</td> 
     </tr> 
     <tr> 
      <td><a href="http://wikipedia.org" target="_blank">Wikipedia</a></td> 
      <td>This link is to a great wiki containing information on plenty of topics</td> 
     </tr> 
     <tr> 
      <td><a href="http://ask.com" target="_blank">Ask</a></td> 
      <td>This link is to a great forum you can ask questions</td> 
     </tr> 
    </table>   

    <div class="author"><p> 
     <hr width="101%"> 
     Author: ********</br> 
     Version: 0.1</br> 
     Contact: <a href="mailto:*********?Subject=Quicky Links complaint,suggestion,comment&Body=My thoughts on Quicky Links">************</a> 
    </p></div 

<script type="text/javascript"> 
     function printDay() 
       { 
      var x = new String(""); 
      var day=new Date().getDay(); 
      switch(day) 
         { 
          case 0: 
           x="Today is Sunday"; 
           break; 
          case 1: 
           x="Today is Monday"; 
           break; 
          case 2: 
           x="Today is Tuesday"; 
           break; 
          case 3: 
           x="Today is Wednesday"; 
           break; 
          case 4: 
           x="Today is Thursday"; 
           break; 
          case 5: 
           x="Today is Friday"; 
           break; 
          case 6: 
           x="Today is Saturday"; 
           break; 
          default: 
           x="Day does not exist"; 
         } 
         document.getElementById("date").innerHTML=x; 
     } 
    </script> 

</body> 
</html> 

Заранее спасибо! Dando18

ответ

4

Вы синтаксическая ошибка при закрытии одного из DIV

<div class="author"><p> 
    <hr width="101%"> 
    Author: *********</br> 
    Version: 0.1</br> 
    Contact: <a href="mailto:************?Subject=Quicky Links complaint,suggestion,comment&Body=My thoughts on Quicky Links">**********</a> 
</p></div> //<-- here the > is missing after </div 

Также функция может быть упрощена с использованием массива вместо коммутатора, как

var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; 

function printDay() { 
    var day = new Date().getDay(); 
    //the default text is not required since the day value will be within the range 0-6 
    document.getElementById("date").innerHTML = 'Today is ' + days[day]; 
} 
+0

Спасибо! Вау! Я посмотрел на это некоторое время и не видел этого. – Dando18

+0

Следует также отметить, что после устранения этой «незначительной» проблемы все еще существуют массивные синтаксические ошибки. –

2

У вас есть открытая <div> tag right before your opening тег. Это заставляет их объединяться и игнорироваться как недопустимые. В результате ваш JavaScript не просто содержание текста:

</p></div 

<script type="text/javascript"> 
+0

Следует также отметить, что после устранения этой «незначительной» проблемы все еще существуют массивные синтаксические ошибки. –

0

и должно закрыть тег HTML

replace </p></div with </p></div> 
Смежные вопросы