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

来源：互联网发布：java rpc框架对比编辑：程序博客网时间：2024/05/21 09:50

注意：在html文件导入a.js时，应该把script></script写在/body>后面，否则document.write()方法有问题。在载入页面后，浏览器输出流自动关闭；在此之后，任何一个对当前页面进行操作的document.write()方法将打开—个新的输出流。它将清除当前页面内容(包括源文档的任何变量或值)，因此，假如希望用脚本生成的HTML替换当前页面，就必须把HTML内容连接起来赋给一个变量、使用一个document.write()方法完成写操作，不必清除文档并打开一个新数据流，一个document.write()调用就可完成所有的操作。

关于document.write()方法还有一点要说明的是它的相关方法document.close()。脚本向窗口(不管是本窗口或其他窗口)写完内容后．必须关闭输出流。在延时脚本的最后一个document.write()方法后面．必须确保含有document.close()方法，不这样做就不能显示图片和表单。并且，任何后面调用的document.write()方法只会把内容追加到页面后，而不会清除现有内容来写入新值。

在当前JS文件中加入：

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

例如：在a.js中要引用b.js的函数

a.js内容如下：

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

function test()

{

b();

}

b.js内容如下：

function b()

{

alert("b");

}

***********************************************************

在处理较为复杂的页面逻辑时可能用到多个js文件，比如将实现特定功能的js文件分开放在不同的文件里面，但是我又不希望在页面引用时多个js文件，所以就考虑在一个js文件里面引用另一个js文件了。

具体实现：
HTML文件:

html>
<body>
<input type="button" value="ok"onclick="javascript:b()">
</body>

<script language="JAVASCRIPT"src='b.js'>
</script>
</html

b.js代码：程序代码
new_element=document_createElement_x_x_x_x_x("script");
new_element.setAttribute("type","text/javascript");
new_element.setAttribute("src","a.js");
document.body.a(new_element);
function b()
{ a();}
a.js代码：程序代码
function a()
{ alert("a");}

另外例子