JavaScript中动态引入JavaScript文件可以通过以下几种方式实现:
1.直接document.write 但这样会把当前的页面全覆写掉
document.write("<script src='test.js'><\/script>");
2.使用document.createElement方法创建script标签,并设置其src属性,然后将其添加到文档中。
function loadScript(url) {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.head.appendChild(script);
}
loadScript('path/to/your/script.js');
3.使用XMLHttpRequest或fetch API来获取JavaScript代码,然后创建script标签并将获取到的代码作为文本插入其中,最后将其添加到文档中。
function loadScript(url) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
var script = document.createElement('script');
script.type = 'text/javascript';
script.text = xhr.responseText;
document.head.appendChild(script);
}
};
xhr.send();
}
loadScript('path/to/your/script.js');
3.使用现代浏览器支持的import()函数(动态导入)。
import('path/to/your/module.js')
.then(module => {
// 使用导入的模块
})
.catch(err => {
// 处理错误
});
//es6
async function loadScript(){
await import('../config/liuliangguoSDK_min')
}