Каковы различные способы включения внешнего файла JavaScript в HTML? - PullRequest
Новая
       0

Каковы различные способы включения внешнего файла JavaScript в HTML?

2 голосов
/ 26 сентября 2010

Каковы различные способы включения внешнего файла JavaScript в HTML? Пожалуйста, дайте мне несколько примеров.

Заранее спасибо.

Ответы [ 3 ]

5 голосов
/ 26 сентября 2010

Три возможных решения

Стандартный способ 

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

Через сам Javascript (пример) 

function loadCoolScript(){
  var file=document.createElement('script')
  file.setAttribute("type","text/javascript")
  file.setAttribute("src", "http://siteb.com/cool-script-location/cool-script.js")
  document.getElementsByTagName("head")[0].appendChild(file)
}

Неблокирующая загрузка через LabJS 

<script>
   $LAB
   .script("framework.js").wait()
   .script("plugin.framework.js")
   .script("myplugin.framework.js").wait()
   .script("init.js");
</script>
0 голосов
/ 26 сентября 2010

Вот три разных способа ... 

1. <script src="js/master.js" type="text/javascript"/>
2. function include(file) {
 var script = document.createElement('script');
 script.src = file; script.type = 'text/javascript';
 script.defer = true;
 document.getElementsByTagName('head').item(0).appendChild(script);
 } 

/* include any js files here */ include('js/myFile1.js'); include('js/myFile2.js');
3.document.write('<script src='myjs' />');
0 голосов
/ 26 сентября 2010

Вы можете включить внешние файлы JavaScript в любое место на своей странице, добавив тег <script>: 

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

Если возможно, полезно добавить эту часть чуть выше закрывающего тега <body>.В противном случае это приведет к замедлению загрузки других частей, видимых пользователю.

Будьте осторожны, если у вас есть вызов скрипта в источнике html (например: <div onclick="functionFromExternalJavaScriptFile()">, это не будет работать, пока файл JavaScriptзагружен, даже если пользователь уже может щелкнуть по этому элементу div. Это может вызвать ошибку JavaScript.

Чтобы этого не произошло, необходимо загрузить файл сценария над этим тегом.

Существуют некоторые обходные пути, чтобы не вызывать ошибку, но я не могу привести некоторые примеры прямо сейчас: - (

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...