Где разместить код JavaScript?
Обычно код JavaScript используется с HTML -кодом, а код JavaScript может быть размещен в любом месте HTML -документа. Тем не менее, место, где оно размещено, окажет определенное влияние на нормальное выполнение кода JavaScript, как описано ниже.
Расположен между <Head> </head>
Обычная практика - разместить код JavaScript между тегами <Head> </head> в документы HTML. Поскольку документы HTML загружаются браузером сверху вниз, размещение кода JavaScript между тегами <Head> </head> гарантирует, что он был загружен до того, как вам необходимо использовать скрипт:
Кода -копия выглядит следующим образом:
<html>
<голова>
<script type = "text/javascript">
...
Код JavaScript
...
</script>
</head>
....
Расположен между <body> </body>
Есть также некоторые случаи, когда код JavaScript расположен между <body> </body>. Представьте себе следующую ситуацию: у нас есть кусок кода JavaScript, который должен манипулировать элементами HTML. Однако, поскольку документ HTML загружается браузером сверху вниз, чтобы избежать не загружаемого элемента HTML, и код JavaScript сообщается о ошибке (объект). Поэтому этот код должен быть записан за элементом HTML. Пример заключается в следующем:
Кода -копия выглядит следующим образом:
<html>
<голова>
</head>
<тело>
</body>
<div id = "div1"> </div>
<script type = "text/javascript">
document.getElementById ("div1"). innerHtml = "ТЕКСТ ТЕКТА";
</script>
</html>
Но обычно наша работа элементов страницы обычно обусловлена событиями, поэтому эта ситуация встречается редко. Кроме того, мы не рекомендуем писать код JavaScript за пределами <html> </html>.
намекать
Если документ HTML объявлен как xhtml, тег <script> </script> должен быть объявлен в разделе CDATA, в противном случае xhtml проанализирует тег </script> </script> в другой тег XML, а код JavaScript внутри не может быть выполнен нормально. Следовательно, использование JavaScript в строгом XHTML следует объявить как следующий пример:
Кода -копия выглядит следующим образом:
<html>
<голова>
<script type = "text/javascript">
<! [Cdata [
Код JavaScript
]]>
</script>
</head>
....
Вышеуказанные два способа записи кода JavaScript в HTML -документы являются способами ссылки на код JavaScript в документе HTML. В дополнение к внутренним ссылкам также можно использовать внешние ссылки.
Внешняя ссылка на код JavaScript
Сделайте код JavaScript (за исключением <script> </script> тегов) отдельный документ, названный с суффиксом JS, такой как myscript.js, и используйте атрибут SRC в документе HTML <Script> </script> Tag, чтобы ссылаться на файл:
Кода -копия выглядит следующим образом:
<html>
<голова>
<script type = "text/javascript" src = "myscript.js"> </script>
</head>
....
Преимущества очевидны после использования кода JavaScript с внешним ссылкой:
1. Избегайте использования <!-... //-> в коде JavaScript
2. Избегайте использования уродливых Cdatas
3. Публичный код JavaScript может быть воспроизведен в других документах HTML, что также способствует единому обслуживанию кода JavaScript.
4. Документ HTML меньше, что способствует сбору поисковых систем
5. может сжать и шифровать один файл JavaScript
6. Браузер может кэшировать файлы JavaScript, чтобы уменьшить использование широкополосной связи (когда несколько страниц используют файл JavaScript одновременно, его обычно нужно загружать только один раз)
7. Избегайте использования сложных HTML -объектов, таких как Document.Write (2> 1), можно использовать непосредственно без записи документа.write (2 <1)
Формирование кода JavaScript в внешние файлы также увеличит бремя HTTP -запросов на сервере. В условиях супер высоких параллельных запросов это не очень хорошая стратегия. Кроме того, при ссылке на внешние файлы JS вам необходимо обратить внимание на правильный путь файла.