JS文件中如何调用外部JS文件_IT百科

1、创建一个文件夹，这个文件夹有一个js文件夹和一个html文件。js文件夹用来存放需要引入的js文件。

2、打开html文件，在html文件上找到<body>，在<body>标签里创建一个按钮标签，然后给这个标签添加一个点击addJs事件。

3、在js文件夹下创建一个js文件为addJs.js。

4、在addJs.js文件上输入一个alertd出框并保存，当引入js文件成功就会执行alertd出框。

5、回到html文件，在按钮输入框后面创建一个script标签，然后添加用来引入addJs.js文件的addJs事件。

6、保存html文件后使用浏览器打开，点击按钮即可看到出现一个d出，表示引入js文件成功。

用document.write方法来实现。

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

<html>

<body>

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

</script>

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

</body>

</html>

定义和用法

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

语法

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

如果需要用原生js动态的加载另外一个js文件，可以使用原生js的document.createElement方法创建script节点，然后更改该节点的type和src属性,最后通过appendChild方法将该节点动态添加到html中，这样就可以了，参考代码如下：

var new_element = document.createElement("script")//创建新的script节点new_element.setAttribute("type", "text/javascript")new_element.setAttribute("src", "../js/jquery.js")document.body.appendChild(new_element)//添加到body节点的末尾

上例中是在body的最末尾添加的，当然同样可以在head中添加引用该js的标签：document.head.appendChild(new_element)

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/bake/11902909.html

JS文件中如何调用外部JS文件

发表评论

评论列表（0条）