用原生js怎么动态添加一个js文件

JavaScript041

用原生js怎么动态添加一个js文件,第1张

1、直接document.write

<script language="javascript">

document.write("<script src='test.js'><\/script>")

</script>

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

<script src='' id="s1"></script>

<script language="javascript">

s1.src="test.js"

</script>

3、动态创建script元素

<script>

var oHead = document.getElementsByTagName('HEAD').item(0)

var oScript= document.createElement("script")

oScript.type = "text/javascript"

oScript.src="test.js"

oHead.appendChild( oScript)

</script>

这三种方法加载都是异步的.也就是加载动作不会影响页面的js继续执行.

js文件最后加载有三种实现方法。第一种方法: 将js文件放在代码最后,因为程序是从上往下执行,所以最后加载。这种方法最简单粗暴。 第二种方法: 使用window.onload 事件。当一个文档完全下载到浏览器中时,才会触发window.onload事件。这意味...

用document.write方法来实现。

在js文件中动态加载另一个js文件代码及注释步骤:

<html>

<body>

<script type="text/javascript">

document.write("<script src='要引用js'><\/script>")

</script>

<p>write方法的使用</p>

</body>

</html>

定义和用法

write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。

语法

document.write(exp1,exp2,exp3,....)