在Js文件中包含js文件

最新推荐文章于 2021-05-09 19:37:33 发布

原创最新推荐文章于 2021-05-09 19:37:33 发布 · 3.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#include #path #function #javascript

Javascript 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了两种在网页中加载JavaScript文件的方法：一是通过在JS中输出<script>标签来间接加载，二是直接创建script元素并将其添加到DOM中。这两种方法各有优缺点，前者简单但可能需要转义处理，后者更为现代且灵活。

说两种方法

1。a.js:
var str = '<script language="JavaScript" src="http://xxxx/b.js"><//script>';

document.write(str);

这里主要是用了在js中输出<script>包含语句,遇到需进行反义转换的转换就可以了

2。//直接包含js文件。
function include_abc(path)
{
   var sobj = document.createElement('script');
   sobj.type = "text/javascript";
   sobj.src = path;
   var headobj = document.getElementsByTagName('head')[0];
   headobj.appendChild(sobj);
}
//根据已经包含的第一个js文件路径，包含新的js文件
function include(path)
{
   var scripts = document.getElementsByTagName("script");
   if(!scripts) return;
   var jsPath = scripts[0].src;
   jsPath=jsPath.substring(0,jsPath.lastIndexOf('/')+1);
   var sobj = document.createElement('script');
   sobj.type = "text/javascript";
   sobj.src = jsPath+path;
   var headobj = document.getElementsByTagName('head')[0];
   headobj.appendChild(sobj);
}

例如:
现在已经有一Common.js文件包含在aspx页面上，路径是src="/JScript/Common.js"

如果用include包含:  include("WebsiteConfig.js");将把WebsiteConfig.js包含进页面,路径和Common.js相同。

如果用include_abc包含则需要全路径,include_abc("/JScript/WebsiteConfig.js");
使用include,必须要求页面上已经有一个包含的js文件.
使用include_abc则不需要任何条见,就可以包含,但是必须指定要包含的js文件路径。