• 一些比较实用的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; 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>  
  • 相关阅读:
    【BZOJ】【1412】【ZJOI2009】狼和羊的故事
    【POJ】【2987】Firing
    【BZOJ】【1324】王者之剑
    【POJ】【2125】Destroying the Graph
    bzoj4870: [Shoi2017]组合数问题（DP+矩阵乘法优化）
    bzoj3810: [Coci2015]Stanovi（记忆化搜索）
    bzoj2120: 数颜色（BIT套主席树+set/分块）
    bzoj2144: 跳跳棋（二分/倍增）
    bzoj4552: [Tjoi2016&Heoi2016]排序（二分+线段树）
    bzoj4773: 负环（倍增floyd）
  • 原文地址：https://www.cnblogs.com/ranzige/p/3816930.html
Copyright © 2020-2023  润新知