Можем ли мы установить JavaScript для загрузки асинхронно с Javascript?

0

Предположим, у меня есть этот HTML-контент:

<html>
<head>
<script src="myscript1.js"></script>
<script src="myscript2.js"></script>
<script src="myscript3.js"></script>
<script src="myscript4.js"></script>
<script src="jquery.js"></script>
</head>
<body>
<!--- CONTENT --->
...
.
.
.
.
.
<!--- CONTENT --->
</body>
</html>

Могу ли я сделать так:

<html>
<head>
<script src="myscript1.js"></script>
<script src="myscript2.js"></script>
<script src="myscript3.js"></script>
<script src="myscript4.js"></script>
<script src="jquery.js"></script>
<script>
$(function() {
$("script").attr("async","async");
});
</script>
</head>
<body>
<!--- CONTENT --->
...
.
.
.
.
.
<!--- CONTENT --->
</body>
</html>

Это верно? И будет ли это на самом деле асинхронно загружать javascript или нет? :)

Спасибо за ваше время...!

.....................................................................................

  • 0
    Почему бы тебе не попробовать это?
Теги:
asynchronous

3 ответа

1

Это не сработает.

  1. Элемент script блокируется, поэтому скрипт для добавления asynchronous атрибута не запускается до тех пор, пока все предыдущие скрипты не будут запущены, но в то время было бы слишком поздно.
  2. Вы завернули скрипт, который добавляет атрибут в обработчик DOM Ready, поэтому, даже если 1 не был прав, он все равно не сработает.
  3. Атрибут async, а не asynchronous

Вам нужно добавить атрибут (правильный), прежде чем элемент скрипта будет добавлен в DOM.

1

Это не сработает. Когда вы печатаете теги сценария перед кодом jquery, браузер загружает эти файлы сценариев перед запуском вашего кода.

  • 0
    Хорошо, скажи, что я добавил это перед каждым сценарием. Будет ли это работать тогда?
  • 0
    Нет, я тоже не буду работать, так как когда вы ищете теги сценариев с помощью jQuery, сценарии еще не распечатаны.
0

Вы можете использовать getScript() для асинхронного загрузки скриптов

$.getScript("/path/to/script.js",function(){
  // loaded
}); 

-→ https://api.jquery.com/jQuery.getScript/

Ещё вопросы

Сообщество Overcoder
Наверх
Меню