一些比較實用的javascript方法收集，留着有用

時間  2019-11-09
標籤 一些 比較 實用 javascript 方法 收集 留着 有用 欄目 JavaScript 简体版
原文   原文鏈接

動態加載javascript文件javascript

Javascript代碼  收藏代碼
  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代碼  收藏代碼
  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代碼  收藏代碼
  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代碼  收藏代碼
  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代碼  收藏代碼
  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代碼  收藏代碼
  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代碼  收藏代碼
  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代碼  收藏代碼
  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代碼  收藏代碼
  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代碼  收藏代碼
  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代碼  收藏代碼
  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> 
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程