码迷，mamicode.com
首页 > 编程语言 > 详细

一些比较实用的javascript方法收集，留着有用

时间：2014-07-01 20:00:16      阅读：355      评论：0      收藏：0      [点我收藏+]

标签：style   http   java   color   width   文件   

动态加载javascript文件 

Javascript代码  bubuko.com,布布扣
  1. <script type="text/javascript">  
  2. //<!--  
  3. /*动态加载方法*/  
  4. function loadScript(url, callback){  
  5.   var script = document.createElement("script");  
  6.   script.type = "text/javascript";  
  7.   if(script.readyState){  
  8.   //IE  
  9.     script.onreadystatechange = function (){  
  10.       if(script.readyState == "loaded" || script.readyState == ‘complete‘){  
  11.         script.onreadystatechange = null;  
  12.         callback();  
  13.       }  
  14.     };  
  15.   }else{  
  16.   //其他浏览器  
  17.     script.onload = function (){  
  18.       callback();  
  19.     };  
  20.   }  
  21.   script.src = url;  
  22.   document.getElementsByTagName("head")[0].appendChild(script);  
  23. };  
  24. /* 
  25.  * 以下代码是先加载jquery-1.5.1.min.js，等待jquery-1.5.1.min.js加载完之后 
  26.  * 再加载file2.js，以此类推最后加载file3.js 
  27. */  
  28. loadScript("js/jquery-1.5.1.min.js", function(){  
  29.   loadScript("file2.js", function(){  
  30.     loadScript("file3.js", function(){  
  31.       alert("All files are loaded!");  
  32.     });  
  33.   });  
  34. });  
  35. //-->  
  36. </script>  



Java代码  bubuko.com,布布扣
  1. function GetXmlHttpReuqest(){  
  2.     var xmlHttp=null;  
  3.     try  
  4.     {  
  5.         xmlHttp = new XMLHttpRequest();  //对于firefox chrome等浏览器  
  6.     }  
  7.     catch(e)  
  8.     {  
  9.         try  
  10.         {  
  11.             xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); //对于IE浏览器  
  12.         }  
  13.         catch(e)  
  14.         {  
  15.             try  
  16.             {  
  17.                 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");  
  18.             }  
  19.             catch(e)  
  20.             {  
  21.                 xmlHttp = false;  
  22.             }  
  23.         }  
  24.     }  
  25.       
  26. return false;  
  27. }  



Javascript代码  bubuko.com,布布扣
  1. //js判断浏览器  
  2. <script>  
  3. window["MzBrowser"]={};  
  4. (function(){  
  5.     if(MzBrowser.platform) return;  
  6.     var ua = window.navigator.userAgent;  
  7.         MzBrowser.platform = window.navigator.platform;  
  8.         MzBrowser.firefox = ua.indexOf("Firefox")>0;  
  9.         MzBrowser.opera = typeof(window.opera)=="object";  
  10.         MzBrowser.ie = !MzBrowser.opera && ua.indexOf("MSIE")>0;  
  11.         MzBrowser.mozilla = window.navigator.product == "Gecko";  
  12.         MzBrowser.netscape= window.navigator.vendor=="Netscape";  
  13.         MzBrowser.safari= ua.indexOf("Safari")>-1;  
  14.     if(MzBrowser.firefox) var re = /Firefox(\s|\/)(\d+(\.\d+)?)/;  
  15.     else if(MzBrowser.ie) var re = /MSIE( )(\d+(\.\d+)?)/;  
  16.     else if(MzBrowser.opera) var re = /Opera(\s|\/)(\d+(\.\d+)?)/;  
  17.     else if(MzBrowser.netscape) var re = /Netscape(\s|\/)(\d+(\.\d+)?)/;  
  18.     else if(MzBrowser.safari) var re = /Version(\/)(\d+(\.\d+)?)/;  
  19.     else if(MzBrowser.mozilla) var re = /rv(\:)(\d+(\.\d+)?)/;  
  20.     if("undefined"!=typeof(re)&&re.test(ua))  
  21.     MzBrowser.version = parseFloat(RegExp.$2);  
  22. })();  
  23. function abc()  
  24. {  
  25.     if(MzBrowser.ie)  
  26.     {  
  27.         alert(‘ie‘);  
  28.     }  
  29.     if(MzBrowser.firefox)  
  30.     {  
  31.         alert(‘firefox‘);  
  32.     }  
  33.     alert(MzBrowser.version);  
  34. }  
  35. abc();  
  36. </script>  
  37. </head>  
  38. <body>  
  39. <hr>  
  40.   
  41. <script type="text/javascript">  
  42.     var browser=navigator.appName;  
  43.     var b_version=navigator.appVersion;  
  44.     var version=parseFloat(b_version);  
  45.     document.write("Browser name: "+ browser);  
  46.     document.write("<br>");  
  47.     document.write("Browser version: "+ version);  
  48. </script>  
  49. <hr>  
  50.   
  51. <script type="text/javascript">  
  52.     document.write("Browser: ");  
  53.     document.write(navigator.appName + "");  
  54.     document.write("Browserversion: ");  
  55.     document.write(navigator.appVersion + "");  
  56.     document.write("Code: ");  
  57.     document.write(navigator.appCodeName + "");  
  58.     document.write("Platform: ");  
  59.     document.write(navigator.platform + "");  
  60.     document.write("Cookies enabled: ");  
  61.     document.write(navigator.cookieEnabled + "");  
  62.     document.write("Browser‘s user agent header: ");  
  63.     document.write(navigator.userAgent + "");  
  64. </script>  
  65. <hr>  
  66. <script type="text/javascript">  
  67.     var x = navigator  
  68.     document.write("CodeName=" + x.appCodeName);  
  69.     document.write("<br>");  
  70.     document.write("MinorVersion=" + x.appMinorVersion);  
  71.     document.write("<br>");  
  72.     document.write("Name=" + x.appName);  
  73.     document.write("<br>");  
  74.     document.write("Version=" + x.appVersion);  
  75.     document.write("<br>");  
  76.     document.write("CookieEnabled=" + x.cookieEnabled);  
  77.     document.write("<br>");  
  78.     document.write("CPUClass=" + x.cpuClass);  
  79.     document.write("<br>");  
  80.     document.write("OnLine=" + x.onLine);  
  81.     document.write("<br>");  
  82.     document.write("Platform=" + x.platform);  
  83.     document.write("<br>");  
  84.     document.write("UA=" + x.userAgent);  
  85.     document.write("<br>");  
  86.     document.write("BrowserLanguage=" + x.browserLanguage);  
  87.     document.write("<br>");  
  88.     document.write("SystemLanguage=" + x.systemLanguage);  
  89.     document.write("<br>");  
  90.     document.write("UserLanguage=" + x.userLanguage);  
  91. </script>  
  92. <hr>  
  93. <!---->  
  94. <script type="text/javascript">  
  95.     var browser=navigator.appName;  
  96.     var b_version=navigator.appVersion;  
  97.     var version=parseFloat(b_version);  
  98.     if ((browser=="Netscape"||browser=="Microsoft Internet Explorer") && (version>=4))  
  99.     {  
  100.         document.write("Your browser is good enough!");  
  101.     }else{  
  102.         document.write("It‘s time to upgrade your browser!");  
  103.     }  
  104. </script>  

 

Code代码  bubuko.com,布布扣
  1. //始终将divTop置于窗口的顶部  
  2. <script type="text/javascript">  
  3. <!--  
  4. window.onscroll =function(){  
  5.   var divTop = document.getElementById("divTop");  
  6.   divTop.style.top = document.body.scrollTop;  
  7. }  
  8. //-->  
  9. </script>  
  10.   
  11. //html code  
  12. <div id ="divTop" style = "position:absolute; top :0px;right:0px; color:#cccccc; width:100px;height:20px; backgrond-colot:naty;font-size:12px;">divTop</div>  

 

Javascript代码  bubuko.com,布布扣
  1. <script type="text/javascript">  
  2. //<![CDATA[  
  3. (function(w){  
  4.     alert(‘load start turn.‘);  
  5. })(window);  
  6.   
  7. //监听浏览器  
  8. var MSG_UNLOAD="确定离开？";  
  9. var UnloadConfirm = {};  
  10.   
  11. //启用监听浏览器刷新、关闭的方法  
  12. UnloadConfirm.set = function(confirm_msg){  
  13.     window.onbeforeunload = function(event){  
  14.         event = event || window.event;  
  15.         event.returnValue = confirm_msg;  
  16.     }  
  17. }  
  18.   
  19. //关闭监听浏览器刷新、关闭的方法  
  20. UnloadConfirm.clear = function(){  
  21.     window.onbeforeunload = function(){};  
  22. }  
  23. UnloadConfirm.set(MSG_UNLOAD);  
  24. //]]-->  
  25. </script>  

 

Javascript代码  bubuko.com,布布扣
  1. //只能输入数字和小数点  
  2.             function checkkey(value,e){   
  3.                 var key = window.event?e.keyCode:e.which;   
  4.                 if( (key > 95 && key < 106) ||   
  5.                     (key > 47 && key < 60) ||   
  6.                     (key == 110 && value.indexOf(".") < 0 )||   
  7.                     (key == 190 && value.indexOf(".") < 0 )){   
  8.                 }else if(key !=8){   
  9.                     if (window.event) //IE   
  10.                     {   
  11.                         e.returnValue = false;   //event.returnValue=false    
  12.                     }   
  13.                     else //Firefox   
  14.                     {   
  15.                         e.preventDefault();   
  16.                     }   
  17.                 }   
  18.             }   

 

Javascript代码  bubuko.com,布布扣
  1. /* 
  2.  * @检查复选框至少选择一项function 
  3.  * @create 11/29/2010 
  4. */  
  5. function check_check(checkname,message,msgid,ML){  
  6.     var flag;  
  7.     var checks = document.getElementsByName(checkname);  
  8.     for(var i=0;i<checks.length;i++){  
  9.         if(checks[i].checked==true){  
  10.             flag = true;  
  11.             return true;  
  12.             break;  
  13.         }  
  14.     }  
  15.     if(!flag){  
  16.         //alert(message);  
  17.         var msgid = document.getElementById(msgid);  
  18.         var msgObj = document.createElement("div");  
  19.         msgObj.innerHTML = message;  
  20.         msgObj.style.marginLeft = ML;  
  21.         msgObj.style.color = "#f00";  
  22.         msgid.appendChild(msgObj);  
  23.         return false;  
  24.     }  
  25. }   

 

Javascript代码  bubuko.com,布布扣
  1. /** 
  2.  *iframe自适应高度代码 
  3.  *  
  4.  */  
  5. function iFrameHeight(id){  
  6.     var cwin=document.getElementById(id);  
  7.     if (document.getElementById)  
  8.     {  
  9.         if (cwin && !window.opera){  
  10.             if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight){  
  11.                cwin.height = cwin.contentDocument.body.offsetHeight;  
  12.             }  
  13.             else if(cwin.Document && cwin.Document.body.scrollHeight){  
  14.                cwin.height = cwin.Document.body.scrollHeight;  
  15.             }  
  16.         }else{  
  17.             if(cwin.contentWindow.document && cwin.contentWindow.document.body.scrollHeight)  
  18.             cwin.height = cwin.contentWindow.document.body.scrollHeight;//Opera  
  19.         }   
  20.     }  
  21. }  

 

Javascript代码  bubuko.com,布布扣
  1. //Simple closure example  
  2. var list = document.getElementById(‘list‘).getElementsByTagName(‘li‘);  
  3. for (var i=0; i<list.length; i++)  
  4. {  
  5.     list[i].onclick = (function(n){  
  6.         return function (){  
  7.             var li = this.parentNode.getElementsByTagName(‘li‘);  
  8.             alert(li.length);  
  9.             alert(n);         
  10.         }  
  11.     })(i);  
  12. }  



Java代码  bubuko.com,布布扣
  1. //common javascript code write copyright  
  2. copyright=new Date();  
  3. update=copyright.getFullYear();  
  4. document.write("&copy; " + update + " Artist Rise, All Rights Reserved.");  




Javascript代码  bubuko.com,布布扣
  1. //JS 控制 随滚动条移动的层  
  2. <script language="javascript">  
  3. var SP = {};  
  4.   
  5. SP.getId = function(id){  
  6.   return document.getElementById(id);  
  7. };  
  8.   
  9. SP.sCenter = function(ele) {  
  10.   var docEle = document.documentElement,  
  11.       docBody = document.body,  
  12.       Ele = SP.getId(ele),  
  13.       Top = docEle.scrollTop+docBody.scrollTop+(docEle.clientHeight-Ele.offsetHeight)/2,  
  14.       Left = docEle.scrollLeft+(docEle.clientWidth-Ele.offsetWidth)/2;  
  15.       console.log(Ele.offsetHeight+‘,‘+docEle.clientHeight);  
  16.     Ele.style.top = Top+"px";  
  17.     Ele.style.left = Left+"px";  
  18. };  
  19. SP.sLeftTop = function(ele){  
  20.   var docEle = document.documentElement,  
  21.       docBody = document.body,  
  22.       Ele = SP.getId(ele),  
  23.       Top = docEle.scrollTop+docBody.scrollTop,  
  24.       Left = docEle.scrollLeft;  
  25.     Ele.style.top = Top+"px";  
  26.     Ele.style.left = Left+"px";    
  27. };  
  28. SP.sLeftBottom = function(ele) {  
  29.   var docEle = document.documentElement,  
  30.       docBody = document.body,  
  31.       Ele = SP.getId(ele),  
  32.       Top = docEle.scrollTop+docBody.scrollTop+docEle.clientHeight-Ele.offsetHeight,  
  33.       Left = docEle.scrollLeft;  
  34.     Ele.style.top = Top+"px";  
  35.     Ele.style.left = Left+"px";  
  36. };  
  37. SP.sRightTop = function(ele){  
  38.   var docEle = document.documentElement,  
  39.       docBody = document.body,  
  40.       Ele = SP.getId(ele),  
  41.       Top = docEle.scrollTop+docBody.scrollTop,  
  42.       Left = docEle.scrollLeft+docEle.clientWidth-Ele.offsetWidth;  
  43.     Ele.style.top = Top+"px";  
  44.     Ele.style.left = Left+"px";    
  45. };  
  46. SP.sRightBottom = function(ele) {  
  47.   var docEle = document.documentElement,  
  48.       docBody = document.body,  
  49.       Ele = SP.getId(ele),  
  50.       Top = docEle.scrollTop+docBody.scrollTop+docEle.clientHeight-Ele.offsetHeight,  
  51.       Left = docEle.scrollLeft+docEle.clientWidth-Ele.offsetWidth;  
  52.     Ele.style.top = Top+"px";  
  53.     Ele.style.left = Left+"px";  
  54. };  
  55.   
  56. //init  
  57. function init(){  
  58.   SP.sCenter(‘redcell‘);  
  59.   SP.sLeftTop(‘redcell2‘);  
  60.   SP.sLeftBottom(‘redcell3‘);  
  61. };  
  62.   
  63. window.onscroll = init;  
  64. window.onresize = init;  
  65. window.onload = init;  
  66. </script>  



一些比较实用的javascript方法收集，留着有用,布布扣,bubuko.com

一些比较实用的javascript方法收集，留着有用

标签：style   http   java   color   width   文件   

原文地址：http://www.cnblogs.com/ranzige/p/3816930.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！