Question

对于动态加载的脚本，我们可以使用async属性来异步加载脚本吗？

Answer 1

通过script loaded dynamically，如果您的意思是向页面动态添加JavaScript代码，则答案为否。

async属性只能用于加载通过src属性中指定的URL引用的外部脚本。

async属性仅适用于外部脚本（仅当存在src属性时才应使用）

例如，您只能异步加载这样的脚本

 <script src="external-file.js" async></script>

Answer 2

这是一个有趣的观点。

这是一个示例，一些类似的StackOverflow问题，以及jQuery Document链接，供使用Async属性

示例：

<!DOCTYPE html>
<html>

<head>
    <title>Async Test Attribute</title>
</head>

<body>
    <script src="async_demo.js" async></script>
    <h2>Welcome to Demo!</h2>
    <script>
        console.log('HELLO NON-async');
    </script>
</body>

</html>

async_demo.js

console.log('HELLO Async');

上述代码的截屏视频：https://hareen-nipl.tinytake.com/sf/MzEwNzYzOV85MzEzNTgz

异步jQuery ：http://forum.jquery.com/topic/jquery-ajax-async-vs-html5-script-async

W3School文档：https://www.w3schools.com/tags/att_script_async.asp

类似的StackOverflow问题

如果您有任何疑问，请在下面留言。

我们可以使用async属性来动态加载脚本吗？

2 个答案: