js文件引用另一个js文件

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

转载最新推荐文章于 2024-03-18 17:28:26 发布 · 354 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/365237

文章标签：

#javascript #ViewUI

本文介绍如何在JavaScript的一个文件中引用另一个文件的方法，包括使用document.write及动态创建script标签两种方式，并强调了放置位置的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

例如: 在 1.js 文件中的方法想引用2. js 文件的方法, 需要在1.js中顶部加入下面代码
方法一：
document.write(”<script language=javascript src=’/js/2.js’><\/script>”);
立法二：
new_element=document.createElement(”script”);
new_element.setAttribute(”type”,”text/javascript”);
new_element.setAttribute(”src”,”2.js”);
document.body.appendChild(new_element);

在1.js文件中前4行代码中我们引入了2.js文件。
让我们来分析一下关键的几句代码：首先，我们利用document.createElement(”script”)生成了一个script的标签，设置其type属性为text/javascript，src为2.js(这里的1.js同2.js放在同一个目录，也可放在不同的目录)。最后将这个标签动态地加入body中。如此一来，我们就可以调用到不同js文件中的方法了。
注意：<script language=”JAVASCRIPT” src=’1.js’></script>一定要放在body下面。
因为在2.js中用到了body（document.body.appendChild(new_element);）
如果将引如2.js的代码放在body上面，也就是说，
进入页面后，还没有生成body就已经执行b.js里的document.body.appendChild(new_element);了。
这时body不存在就会抛javascript错误。

本文转自94cool博客园博客，原文链接：http://www.cnblogs.com/94cool/archive/2009/08/13/1545139.html，如需转载请自行联系原作者