Предположим, у меня есть этот 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 или нет? :)
Спасибо за ваше время...!
.....................................................................................
Это не сработает.
asynchronous
атрибута не запускается до тех пор, пока все предыдущие скрипты не будут запущены, но в то время было бы слишком поздно.async
, а не asynchronous
Вам нужно добавить атрибут (правильный), прежде чем элемент скрипта будет добавлен в DOM.
Это не сработает. Когда вы печатаете теги сценария перед кодом jquery, браузер загружает эти файлы сценариев перед запуском вашего кода.
Вы можете использовать getScript()
для асинхронного загрузки скриптов
$.getScript("/path/to/script.js",function(){
// loaded
});