JavaScript onConflict 处理

最新推荐文章于 2025-09-05 11:22:47 发布

转载最新推荐文章于 2025-09-05 11:22:47 发布 · 67 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xf_z1988/p/javascript_noconflict.html

文章标签：

#javascript #ViewUI

本文详细介绍了jQuery.noConflict()函数的作用，如何在不同版本的jQuery之间进行切换，以及如何确保代码的兼容性和可维护性。通过示例代码演示了如何在同一个页面中加载多个jQuery版本，并使用noConflict()函数进行变量释放。

jQuery.noConflict用于释放jQuery和$两个全局变量。

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <style rel="stylesheet" type="text/css">
 6 </style>
 7 <script type="text/javascript">
 8 (function(){
 9     var _myjs=window.myjs;
10     var _$=window.$;
11     var myjs={
12         version:1,
13         noConflict:function(deep){
14             if(window.$ === myjs){
15                 window.$ = _$;
16             }
17             if(deep && window.myjs === myjs){
18                 window.myjs = _myjs;
19             }
20             return myjs;
21         }
22     };
23     window.myjs = window.$ = myjs;
24 })();
25 var myjs1=$.noConflict();
26 
27 (function(){
28     var _myjs=window.myjs;
29     var _$=window.$;
30     var myjs={
31         version:2,
32         noConflict:function(deep){
33             if(window.$ === myjs){
34                 window.$ = _$;
35             }
36             // 如果已经不是当前版本则不进行深度释放.
37             if(deep && window.myjs === myjs){
38                 window.myjs = _myjs;
39             }
40             return myjs;
41         }
42     };
43     window.myjs = window.$ = myjs;
44 })();
45 var myjs2=$.noConflict();
46 
47 // 如上把$都释放了
48 
49 window.onload=function(){
50     document.body.innerHTML+=""+myjs.version+myjs1.version+myjs2.version;
51 };
52 </script>
53 </head>
54 <body></body>
55 </html>