如何在html页面动态加载js文件

2024年11月15日 14:05

有2个网友回答

网友（1）：

html页面动态加载js文件脚本的方法。

1、直接document.write


    document.write("<\/script>");

2、动态改变已有script的src 属性



    s1.src="test.js"

3、动态创建 script元素

这三种方法都是异步的，所以在采用这类方法动态加载Js的同时，主界面的Js脚本是继续执行的，所以可能出现通过异步加载的Js代码得不到预期的效果的情况。

网友（2）：

下面介绍三种异步执行加载Js 脚本的方法。

1、动态改变已有script的src 属性

2、直接document.write

3、动态创建 script元素

注，
这三种方法都是异步的，所以在采用这类方法动态加载Js 的同时，主界面的Js脚本是继续执行的，所以可能出现通过异步加载的Js代码得不到预期的效果的情况。这时候可以考虑采用Ajax加载Js的方法。
大概原理：用XMLHTTP取得要脚本的内容，再创建 Script 对象。另外注意编码的保持一致。因为服务器与XML使用UTF8编码传送数据。