Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 我们可以为动态加载的脚本使用async属性吗?_Html_Css - Fatal编程技术网

Html 我们可以为动态加载的脚本使用async属性吗?

Html 我们可以为动态加载的脚本使用async属性吗?,html,css,Html,Css,对于动态加载的脚本,我们可以使用async属性异步加载脚本吗?通过动态加载的脚本,如果您的意思是向页面动态添加javascript代码,那么答案是否 async属性只能用于加载通过src属性中指定的URL引用的外部脚本 async属性仅适用于外部脚本(仅当存在src属性时才应使用) 例如,您只能异步加载这样的脚本 <script src="external-file.js" async></script> 这是一个有趣的观点 下面是一个示例,一些类似的StackOv

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

通过
动态加载的脚本
,如果您的意思是向页面动态添加javascript代码,那么答案是

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

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

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

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

这是一个有趣的观点

下面是一个示例,一些类似的StackOverflow问题,以及用于异步属性的jQuery文档链接

例如:

<!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>
以上代码的屏幕广播:

异步jQuery

W3学校文件

类似的堆栈溢出问题


  • 如果您对此有任何疑问,请在下面进行评论。

    您能详细说明一下动态加载的
    脚本是什么意思吗?
    ?是的。将“Async”属性用于动态添加到DOM的脚本时,是否异步加载脚本
    console.log('HELLO Async');