如何在JS文件中引用另一个JS文件

最新推荐文章于 2024-03-18 17:28:26 发布

没有天赋全靠手打

最新推荐文章于 2024-03-18 17:28:26 发布

阅读量1.6w

点赞数 4

分类专栏： JS笔记文章标签： javascript

本文链接：https://blog.csdn.net/qq_45494634/article/details/116237959

版权

JS笔记专栏收录该内容

34 篇文章 1 订阅

订阅专栏

本文介绍了在JavaScript中引用另一个JS文件的三种常见方法：通过创建script元素并添加到head、使用document.write以及将script元素添加到body。这些方法适用于将外部jQuery库等引入到HTML页面中。

摘要由CSDN通过智能技术生成

如何在JS文件中引用另一个JS文件

通常如果一个页面JS代码太多，首先肯定会想到像 CSS 一样单独写一个文件，然后引用到HTML页面中。如果我们又需要再JS代码中引用另一个JS文件，那我们应该怎么做呢？今早做项目遇到了这个问题，所以总结了一点答案（以JQuery 为例）

第一种方法：

1.html 文件代码：

<body>
    <input type="button" name="" id="bt" value="click">
</body>

1.js 文件代码

var script = document.createElement("script");
script.type = "text/javascript";
script.src = "./jquery/jquery.js";  // jquery路径
document.getElementsByTagName('head')[0].appendChild(script);
setTimeout(function(){
    $(document).ready(function(){
        $("#bt").click(function(){
            alert("hello")
        })
    })
},100)

第二种：直接document.write

document.write(" < script language = javascript src = './jquery/jquery.js' >< / script>");

第三种：(body标签存在得情况下）

var newScript = document.createElement("script");
newScript.setAttribute("type","text/javascript");
newScript.setAttribute("src","./jquery/jquery.js");
document.body.appendChild(newScript);