编程语言
首页 > 编程语言> > javascript精要(3)-动态加载脚本

javascript精要(3)-动态加载脚本

作者:互联网

1、除了<script>标签,还可通过DOM API加载脚本
2、例:

let script=document.createElement('script');
script.src='example.js';
document.head.appendChild(script);

这种方式是异步加载脚本的,所有浏览器都支持createElement,但党政所有浏览器都支持asyc属性。
在将上述htmlElement元素增加到DOM且执行到这段代码之前不会发送请求。
可明确设置同步加载

let script=document.createElement('script');
script.src='example.js';
script.async=false;
document.head.appendChild(script);

让预加载器知道动态请求文件的存在,可显示声明在头部。

<link rel="preload" href="example.js">

标签:DOM,appendChild,script,javascript,createElement,精要,document,加载
来源: https://blog.csdn.net/AI_LX/article/details/113829841