24、管理页面中的多个库

所谓多库共存,就是多个JavaScript技术库被引入到同一个页面后,如何确保它们不发生
名字冲突。
例如:jQuery定义$符号代表jQuery对象,而Prototype技术库也引用了$名字空间。
如果把它们直接导入到同一个文档中,可能就会引发名字空间混乱。

1、jQuery库兼容性
jQuery定义了noConflict()函数工具,调用该工具函数可以把变量$的控制权交给第一次
实现它的库或者代码。
如果希望执行位于jQuery库前面的库中的$()或者其他库的名字空间中的$()函数,
则只需要在导入jQuery库后的脚本中调用jQuery.noConflict()函数就可以。
通过这种方式可以确保jQuery不会与其他库的$对象发生冲突,在运行了这个工具函数以后,
就只能使用jQuery变量访问jQuery对象,不能再使用$了。
注:noConflict()函数必须在导入jQuery库之后,并且在导入另一个导致冲突的库之前使用。
本质:实际上是把备份的$变量进行恢复到最初的状态。

2、如何在同一个页面中联合使用多个库
如果jQuery名字空间也发生了冲突,用下面的办法来解决
var xxmJquery=jQuery.noConflict(true);
使用xxmJquery来代替jQuery

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值