2016-12-23 5 views
-1

В настоящее время я пытаюсь проверить свой сайт для моего задания, но у меня возникли проблемы с проверкой используемого Javascript. Для этого задания мне нужно оставаться в xHTML 1.0 Strict при использовании CSS и Javascript. У меня есть 2 сценария, которые имеют проблемы, как я покажу ниже. Было бы высоко оценено любое руководство или решения.Проверка Javascript для назначения

Первый сценарий:

<script type="text/javascript"> 
 
    var imageURLs = [ 
 
     "1_to_dtop.png" 
 
    , "2_to_dtop.png" 
 
\t , "3_to_dtop.png" 
 
\t , "1_to_tablet.png" 
 
\t , "2_to_tablet.png" 
 
\t , "3_to_tablet.png" 
 
\t , "1_to_mobile.png" 
 
\t , "2_to_mobile.png" 
 
\t , "3_to_mobile.png" 
 
    ]; 
 
    function getImageTag() { 
 
    var img = '<img src="'; 
 
    var randomIndex = Math.floor(Math.random() * imageURLs.length); 
 
    img += imageURLs[randomIndex]; 
 
    img += '\" alt="Product Sneak Peek\" />'; 
 
    return img; 
 
    } 
 
</script> 
 
\t \t 
 
\t \t <div id="box"><script type="text/javascript"> document.write(getImageTag()); </script></div>

w3 валидатор ошибки:

тип документа не допускает элемент "IMG" здесь

Второй сценарий:

<script type="text/javascript"> 
 
var myIndex = 0; 
 
carousel(); 
 

 
function carousel() { 
 
    var i; 
 
    var x = document.getElementsByClassName("slides"); 
 
    for (i = 0; i<x.length; i++) { 
 
     x[i].style.display = "none"; 
 
    } 
 
    myIndex++; 
 
    if (myIndex > x.length) {myIndex = 1}  
 
    x[myIndex-1].style.display = "block"; 
 
    setTimeout(carousel, 5000); 
 
} 
 
</script>

ошибки w3 валидатор:

символ ";" не допускается в списке спецификаций атрибут для (I = 0; я

+0

ПРОДОЛЖЕНИЕ w3 ошибки проверки достоверности: > знак ";" не разрешен в списке спецификаций атрибутов для (i = 0; i элемент "x.length" undefined для (i = 0; i end тег для «x.length» опущен, но был указан OMITTAG NO – Shaun

+0

[Правильное использование CSS и JavaScript в документах XHTML] (https://developer.mozilla.org/en-US/docs/Archive/Web/Properly_Using_CSS_and_JavaScript_in_XHTML_Documents_) – Andreas

+0

@Shaun Проверьте мой ответ ... –

ответ

1

Когда вы хотите проверить JavaScripts, что вам нужно сделать:

<script type="text/javascript"> 
    //<![CDATA[ 
    // Put your scripts here... 
    function blah() {} 
    //]]> 
</script> 

CDATA раздел необходим, если вам нужен документ для разбора, как XML

Это важно для инлайн-скрипты, чтобы подтверждены Это предотвратит валидатор для проверки объектов, как:..

  • & и ;
  • < и >

Вы можете прочитать больше об этой теме на JavaScript and XHTML и Properly Using CSS and JavaScript in XHTML Documents.

+1

Обычно ';' не будет проблемой, но валидатор жалуется на случай OP, потому что ';' предшествует '

0

Нашли мое решение!

Мне пришлось использовать внешние javascript-файлы вместо скрипта.

Для тех, кто использует эту помощь, вместо использования скрипта это в HTML:

<script src="script.js" type="text/javascript"></script>

и сохраните Javascript в новый файл под названием

сценарий.js

Измените имя файла и путь src в соответствии с вашими потребностями.

+0

Это одно решение, да. Правеен тоже будет работать. –