在一个js文件中引入另一个js文件

本文介绍了一种在JavaScript中引入其他JS文件的方法,通过在两个JS文件间相互引用,减少重复代码,简化页面加载过程。使用这种方法,只需在一个主JS文件中进行引入,即可在多个页面中复用功能。

在一个js文件中引入另一个js文件

第一个js文件(被引入的js文件),文件名one.js,内容如下

function alertInOne() {
    alert(
'in one');
}

第二个js文件,文件名two.js,内容如下

// 注意这个地方
document.write( " <script language='javascript' src='one.js'></script> " );
function alertInTwo()
{
    alert(
"in Two");
}

调用的html文件,只需要引入two.js,就能引入one.js了

< script language = ' javascript '  src = " two.js " ></ script >
< script language = " javascript " >
    alertInOne();
    alertInTwo();
</ script >

应用场合:
在平时开发的时候,我们都会有一些js文件的积累,大部份场合是不需要重新写的。
但我们会把js文件的功能尽可能的细分,以便引入的时候不引入无用的代码,但这样造成的问题是在jsp文件
中要写大量的这样的句子
<script language='javascript' src="two.js" charset="utf-8"></script>
如果你有100个jsp文件,都用到10个js文件,这个时候每个jsp文件写10句引入,这个是个麻烦的事情
现在,通过js文件的引入可以解决这个问题。定义一个js文件用来引入一些组合,jsp文件则只需要引入1个
这样的js文件就可以了。js代码少了100*99行

另外引入的js文件时候最好加上charset,特别是你的js文件有非英文,数字的时候。
事例的代码下载:http://www.blogjava.net/Files/dreamstone/importJs.rar

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值