第一页 上页 6 7 8 9 10 11 12 13 14 15 下页 最后页 [ 显示模式: 摘要 | 列表 ]

javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花,当然,能理解各型各色的写法也是对javascript语言特性更进一步的深入理解。

 
( function(){…} )()和( function (){…} () )是两种javascript立即执行函数的常见写法,最初我以为是一个括号包裹匿名函数,再在后面加个括号调用函数,最后达到函数定义后立即执行的目的,后来发现加括号的原因并非如此。要理解立即执行函数,需要先理解一些函数的基本概念。
 
函数声明、函数表达式、匿名函数
 
函数声明:function fnName () {…};使用function关键字声明一个函数,再指定一个函数名,叫函数声明。
 
函数表达式 var fnName = function () {…};使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式,这是最常见的函数表达式语法形式。
 
匿名函数:function () {}; 使用function关键字声明一个函数,但未给函数命名,所以叫匿名函数,匿名函数属于函数表达式,匿名函数有很多作用,赋予一个变量则创建函数,赋予一个事件则成为事件处理程序或创建闭包等等。
 
函数声明和函数表达式不同之处在于,一、Javascript引擎在解析javascript代码时会‘函数声明提升’(Function declaration Hoisting)当前执行环境(作用域)上的函数声明,而函数表达式必须等到Javascirtp引擎执行到它所在行时,才会从上而下一行一行地解析函数表达式,二、函数表达式后面可以加括号立即调用该函数,函数声明不可以,只能以fnName()形式调用 。以下是两者差别的两个例子。
JavaScript代码
  1. fnName();  
  2. function fnName(){  
  3.     ...  
  4. }  
  5. //正常,因为‘提升’了函数声明,函数调用可在函数声明之前  
  6.   
  7. fnName();  
  8. var fnName=function(){  
  9.     ...  
  10. }  
  11. //报错,变量fnName还未保存对函数的引用,函数调用必须在函数表达式之后  
  12.   
  13. var fnName=function(){  
  14.     alert('Hello World');  
  15. }();  
  16. //函数表达式后面加括号,当javascript引擎解析到此处时能立即调用函数  
  17. function fnName(){  
  18.     alert('Hello World');  
  19. }();  
  20. //不会报错,但是javascript引擎只解析函数声明,忽略后面的括号,函数声明不会被调用  
  21. function(){  
  22.     console.log('Hello World');      
  23. }();  
  24. //语法错误,虽然匿名函数属于函数表达式,但是未进行赋值操作,  
  25. //所以javascript引擎将开头的function关键字当做函数声明,报错:要求需要一个函数名  
在理解了一些函数基本概念后,回头看看( function(){…} )()和( function (){…} () )这两种立即执行函数的写法,最初我以为是一个括号包裹匿名函数,并后面加个括号立即调用函数,当时不知道为什么要加括号,后来明白,要在函数体后面加括号就能立即调用,则这个函数必须是函数表达式,不能是函数声明。
JavaScript代码
  1. (function(a){  
  2.     console.log(a);   //firebug输出123,使用()运算符  
  3. })(123);  
  4.   
  5. (function(a){  
  6.     console.log(a);   //firebug输出1234,使用()运算符  
  7. }(1234));  
  8.   
  9. !function(a){  
  10.     console.log(a);   //firebug输出12345,使用!运算符  
  11. }(12345);  
  12.   
  13. +function(a){  
  14.     console.log(a);   //firebug输出123456,使用+运算符  
  15. }(123456);  
  16.   
  17. -function(a){  
  18.     console.log(a);   //firebug输出1234567,使用-运算符  
  19. }(1234567);  
  20.   
  21. var fn=function(a){  
  22.     console.log(a);   //firebug输出12345678,使用=运算符  
  23. }(12345678)  
可以看到输出结果,在function前面加!、+、 -甚至是逗号等到都可以起到函数定义后立即执行的效果,而()、!、+、-、=等运算符,都将函数声明转换成函数表达式,消除了javascript引擎识别函数表达式和函数声明的歧义,告诉javascript引擎这是一个函数表达式,不是函数声明,可以在后面加括号,并立即执行函数的代码。
 
加括号是最安全的做法,因为!、+、-等运算符还会和函数的返回值进行运算,有时造成不必要的麻烦。
 
不过这样的写法有什么用呢?
 
javascript中没用私有作用域的概念,如果在多人开发的项目上,你在全局或局部作用域中声明了一些变量,可能会被其他人不小心用同名的变量给覆盖掉,根据javascript函数作用域链的特性,可以使用这种技术可以模仿一个私有作用域,用匿名函数作为一个“容器”,“容器”内部可以访问外部的变量,而外部环境不能访问“容器”内部的变量,所以( function(){…} )()内部定义的变量不会和外部的变量发生冲突,俗称“匿名包裹器”或“命名空间”。
 
JQuery使用的就是这种方法,将JQuery代码包裹在( function (window,undefined){…jquery代码…} (window)中,在全局作用域中调用JQuery代码时,可以达到保护JQuery内部变量的作用。
C#代码
  1. rm -rf /www/youyuan.com.1/htdocs/xfile  
  2. sudo ln -s /opt/xfile /www/youyuan.com.1/htdocs/xfile  

 熟悉js的朋友很多都遇到过js的数组与字符串相互转换的情况,本文就此作一简单介绍,示例如下:

一、数组转字符串

需要将数组元素用某个字符连接成字符串,示例代码如下:

1
2
3
var a, b;
a = new Array(0,1,2,3,4);
b = a.join("-");

二、字符串转数组

实现方法为将字符串按某个字符切割成若干个字符串,并以数组形式返回,示例代码如下:

1
2
var s = "abc,abcd,aaa";
ss = s.split(",");// 在每个逗号(,)处进行分解。

抽奖首页代码

[不指定 2015/07/30 16:39 | by 刘新修 ]

 

XML/HTML代码
  1. <!doctype html>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8">  
  5. <link rel="dns-prefetch" href="//hd.youyuan.com">  
  6. <link rel="dns-prefetch" href="//x.youyuan.com">  
  7. <link rel="dns-prefetch" href="//f1.youyuan.com">  
  8. <link rel="dns-prefetch" href="//f2.youyuan.com">  
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />  
  10. <meta content="yes" name="apple-mobile-web-app-capable" />  
  11. <meta content="black" name="apple-mobile-web-app-status-bar-style" />  
  12. <meta content="telephone=no" name="format-detection" />  
  13. <title>抽奖结果</title>  
  14. <link href="css/love-qixi.css" rel="stylesheet" type="text/css" />  
  15. <style>  
  16. .ele{ background:url(images/selected.png); display:none}  
  17. .lotteryBox{ width:96%; margin:0 auto;}  
  18. .lotteryBox .lottery{ width:290px; height:290px; margin:0 auto; background:url(images/lottery.png) no-repeat; background-size:100%; position:relative; z-index:101;}  
  19. .lotteryBox .lottery .prize_{ width:25%; height:25%; position:absolute; z-index:102;}  
  20. .lotteryBox .lottery .prize_1{ left:0; top:0;}  
  21. .lotteryBox .lottery .prize_2{ left:25%; top:0;}  
  22. .lotteryBox .lottery .prize_3{ left:50%; top:0;}  
  23. .lotteryBox .lottery .prize_4{ left:75%; top:0;}  
  24. .lotteryBox .lottery .prize_5{ left:75%; top:25%;}  
  25. .lotteryBox .lottery .prize_6{ left:75%; top:50%;}  
  26. .lotteryBox .lottery .prize_7{ left:75%; top:75%;}  
  27. .lotteryBox .lottery .prize_8{ left:50%; top:75%;}  
  28. .lotteryBox .lottery .prize_9{ left:25%; top:75%;}  
  29. .lotteryBox .lottery .prize_10{ left:0%; top:75%;}  
  30. .lotteryBox .lottery .prize_11{ left:0%; top:50%;}  
  31. .lotteryBox .lottery .prize_12{ left:0%; top:25%;}  
  32. .lotteryBox .lottery .selected{ background-image:url(images/selected.png); background-repeat: no-repeat; background-size:90%;}  
  33. .lotteryBox .lottery .prize_1.selected{ background-position: 20% 30%;}  
  34. .lotteryBox .lottery .prize_2.selected{ background-position: 36% 30%;}  
  35. .lotteryBox .lottery .prize_3.selected{ background-position: 40% 30%;}  
  36. .lotteryBox .lottery .prize_4.selected{ background-position: 60% 30%;}  
  37. .lotteryBox .lottery .prize_5.selected{ background-position: 60% 35%;}  
  38. .lotteryBox .lottery .prize_6.selected{ background-position: 60% 35%;}  
  39. .lotteryBox .lottery .prize_7.selected{ background-position: 60% 50%;}  
  40. .lotteryBox .lottery .prize_8.selected{ background-position: 60% 50%;}  
  41. .lotteryBox .lottery .prize_9.selected{ background-position: 36% 50%;}  
  42. .lotteryBox .lottery .prize_10.selected{ background-position: 20% 50%;}  
  43. .lotteryBox .lottery .prize_11.selected{ background-position: 20% 35%;}  
  44. .lotteryBox .lottery .prize_12.selected{ background-position: 20% 35%;}  
  45.   
  46. </style>  
  47. </head>  
  48. <body>  
  49. <div class="top_blank"></div>  
  50. <nav class="nav">  
  51.     <h2 class="pink">抽奖结果</h2>  
  52.     <div class="left" onClick="history.go(-1)"> <i class="le_trg"></i></div>  
  53.     <div class="right"><!-- <span id="search_sure" class="seach_sure">确定</span>--> </div>  
  54. </nav>  
  55. <div class="ele"></div>  
  56. <div class="blank10"></div>  
  57. <div class="lotteryBox">  
  58. <div class="lottery">  
  59. <div class="prize_ prize_1"></div>  
  60. <div class="prize_ prize_2"></div>  
  61. <div class="prize_ prize_3"></div>  
  62. <div class="prize_ prize_4"></div>  
  63. <div class="prize_ prize_5"></div>  
  64. <div class="prize_ prize_6"></div>  
  65. <div class="prize_ prize_7"></div>  
  66. <div class="prize_ prize_8"></div>  
  67. <div class="prize_ prize_9"></div>  
  68. <div class="prize_ prize_10"></div>  
  69. <div class="prize_ prize_11"></div>  
  70. <div class="prize_ prize_12"></div>  
  71. </div>  
  72. <div class="blank10"></div>  
  73. <div class="upload-btn send-out start_" usable="false">开始抽奖</div>  
  74. </div><!-- lotteryBox -->  
  75. </body>  
  76. <script type="text/javascript" src="//f1.youyuan.com/xfile/www/js/??public/lib/zepto/zepto-1.1.6.js,public/m/ajax-min.js"></script>  
  77. <script type="text/javascript" src="js/all.js"></script>  
  78. <script type="text/javascript">  
  79. var lottery={  
  80.     beginning:-1,   //从哪个位置【起点】  
  81.     prizeNum:-1,    //到哪个位置【终点】  
  82.     countNum:0,     //循环DOM总共有多少个  
  83.     bufferNum:60,   //转动基本次数:至少转动60次之后才可以停顿  
  84.     timer:0,        //setTimeout的ID,用clearTimeout清除  
  85.     speed:20,       //循环DOM转动的速度  
  86.     times:0,        //向前走过的个数每次+1  
  87.     shared:0,  
  88.     cNum:0,  
  89.     beginFun:function(){  
  90.         lottery.times+=1;  
  91.         var NTT=lottery.times;  
  92.         var datanum=lottery.times;  
  93.         var dataccc=Math.ceil(datanum/2)-1;  
  94.         if(datanum%2==0){  
  95.             $(".game_").addClass("game_on");  
  96.         }  
  97.         else if(datanum%2!=0){  
  98.             $(".game_").removeClass("game_on");  
  99.         }  
  100.         lottery.rollFun();  
  101.         if (lottery.times>lottery.bufferNum&&lottery.prizeNum==lottery.beginning){  
  102.               
  103.             if(lottery.prizeNum==0){  
  104.                 //alert("恭喜您,中了第5个奖品")  
  105.                   
  106.             }else if(lottery.prizeNum==1){  
  107.                 //alert("恭喜您,中了第5个奖品")  
  108.                   
  109.             }else if(lottery.prizeNum==2){  
  110.                 //alert("恭喜您,中了第5个奖品")  
  111.       
  112.             }else if(lottery.prizeNum==3){  
  113.                 //alert("恭喜您,中了第5个奖品")  
  114.                   
  115.             }else if(lottery.prizeNum==4){  
  116.                 //alert("恭喜您,中了第5个奖品")  
  117.                   
  118.             }else if(lottery.prizeNum==5){  
  119.                 //alert("恭喜您,中了第5个奖品")  
  120.                   
  121.             }else if(lottery.prizeNum==5&&lottery.shared==0&&lottery.cNum==0){  
  122.                 //alert("恭喜您,中了第5个奖品")  
  123.                   
  124.             }else if(lottery.prizeNum==6){  
  125.                 //alert("恭喜您,中了第5个奖品")  
  126.   
  127.             }else if(lottery.prizeNum==7){  
  128.                 //alert("恭喜您,中了第5个奖品")  
  129.             }  
  130.       
  131.             clearTimeout(lottery.timer);  
  132.             lottery.prizeNum=-1;  
  133.             lottery.times=0;  
  134.             click=false;  
  135.         }else{  
  136.             if (lottery.times<lottery.bufferNum) {  
  137.                 lottery.speed-=10;  
  138.             }else if(lottery.times==lottery.bufferNum) {  
  139.                 //var beginning = Math.random()*(lottery.countNum)|0;  
  140.                 //lottery.prizeNum = 3;      
  141.             }else{  
  142.                 if (lottery.times>lottery.bufferNum&&((lottery.prizeNum==0&&lottery.beginning==7)||lottery.prizeNum==lottery.beginning+1)){  
  143.                     lottery.speed+=110;  
  144.                 }else{  
  145.                     lottery.speed+=20;  
  146.                 }  
  147.             }  
  148.             if (lottery.speed<40) {  
  149.                 lottery.speed=40;  
  150.             };  
  151.             //console.log(lottery.times+'^^^^^^'+lottery.speed+'^^^^^^^'+lottery.prizeNum);  
  152.             lottery.timer=setTimeout(lottery.beginFun,lottery.speed);  
  153.         }  
  154.         return false;  
  155.     },  
  156.     initFun:function(className){  
  157.         //该模块主要是选择器,最后给起点加上CSS样式  
  158.         if ($("."+className).find(".prize_").length>0){  
  159.             $objD=$("."+className);  
  160.             $childNode=$objD.find(".prize_");  
  161.             this.obj=$objD;  
  162.             this.countNum=$childNode.length;  
  163.             $objD.find(".prize_"+this.index).addClass("selected");  
  164.         };  
  165.     },  
  166.     rollFun:function(){  
  167.         //该模块主要是步进值循环移除及添加,到终点后设置Index值为0  
  168.         var index=this.beginning;  
  169.         var count=this.countNum;  
  170.         var objD=this.obj;  
  171.         $(objD).find(".prize_"+index).removeClass("selected");  
  172.         index+=1;  
  173.         if (index>count){  
  174.             index=0;  
  175.         };  
  176.         $(objD).find(".prize_"+index).addClass("selected");  
  177.         this.beginning=index;  
  178.         return false;  
  179.     },  
  180.     stopFun:function(index){  
  181.         this.prizeNum=index;  
  182.         return false;  
  183.     }  
  184. };  
  185.   
  186. //获取整体的宽度并设置子节点宽度  
  187. var _lotteryBoxWidth=$(".lotteryBox").width();  
  188. $(".lottery").css({"width":_lotteryBoxWidth,"height":_lotteryBoxWidth});  
  189.   
  190.   
  191. //点击抽奖按钮调用公共方法  
  192. $(".start_").click(function(){  
  193. lottery.initFun('lottery');  
  194. lottery.prizeNum=5;  
  195. lottery.speed=100;  
  196. lottery.cNum=1;  
  197.   
  198. //开始抽奖执行方法  
  199. lottery.beginFun();  
  200.   
  201. });  
  202.   
  203.   
  204.   
  205. </script>  
  206. </html>  

 

 

XML/HTML代码
  1. <style>  
  2. #elUl{ border:1px #000 solid; position:absolute; right:10px; top:0;}  
  3. @-webkit-keyframes scro{from{top:0;}to{top:-30px;}}  
  4. </style>  
  5. <script type="text/javascript">  
  6. window.onload=function(){  
  7.     var elUl=document.getElementById("elUl");  
  8.     //alert(elUl)  
  9.     if(elUl!=null){  
  10.         setInterval(function(){   
  11.             elUl.style.WebkitAnimation='scro 0.5s linear forwards';  
  12.             elUl.style.MozAnimation="scro 0.5s linear forwards";  
  13.             elUl.style.msAnimation='scro 0.5s linear forwards';  
  14.             elUl.style.OAnimation='scro 0.5s linear forwards';  
  15.             elUl.style.animation='scro 0.5s linear forwards';  
  16.             //oUl.style.transform='translateY(-100px)';  
  17.             //oUl.addEventListener("webkitAnimationEnd",end);  
  18.             if(elUl.offsetTop<=-30){  
  19.                 elUl.style.WebkitAnimation='';  
  20.                 var b=elUl.children[0];  
  21.                 elUl.appendChild(b);  
  22.                 //clearInterval(timer)  
  23.             }             
  24.         },3000);  
  25.     }  
  26. }  
  27.   
  28. </script>  

注明:elUl.offsetTop 是检测DOM距离顶部的距离,如果符合条件自动清除CSS3动画,如果左右滚动Banner可以使用:elUl.offsetLeft

JS 事件委托

[不指定 2015/07/27 13:23 | by 刘新修 ]

 JS 事件委托

XML/HTML代码
  1. <!DOCTYPE HTML>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8" />  
  5. <title>js性能优化</title>  
  6. <style>  
  7. #list{ border:1px solid #000;}  
  8. </style>  
  9. </head>  
  10. <body id='list'>   
  11. <ul >  
  12. <li>精通css</li>  
  13. <li>精通js</li>  
  14. <li>精通html</li>  
  15. ......  
  16. </ul>  
  17. </body>  
  18. </html>   
  19. <script type="text/javascript">  
  20. (function(){  
  21. var a=document.getElementById('list');  
  22. a.addEventListener('click',function(e){  
  23. var b = e.target;   
  24. alert(b.innerHTML);  
  25. },false);  
  26. })();  
  27. </script>  

 

JavaScript代码
  1. var Expression = (function () {  
  2.     return {  
  3.         images: [{className:'face_1',text: '微笑'},  
  4.             {className:'face_2',text: '害羞'},  
  5.             {className:'face_3',text: '喜欢'},  
  6.             {className:'face_4',text: '快哭了'},  
  7.             {className:'face_5',text: '爱心'},  
  8.             {className:'face_6',text: '擦汗'},{className:'face_7',text: '愤怒'},  
  9.             {className:'face_8',text: '可爱'},{className:'face_9',text: '小可怜'},{className:'face_10',text: '尴尬'},{className:'face_11',text: '呲牙'},  
  10.             {className:'face_12',text: '红唇'},{className:'face_13',text: '难过'},{className:'face_14',text: '亲亲'},{className:'face_15',text: '委屈'},  
  11.             {className:'face_16',text: '疑惑'},{className:'face_17',text: '拥抱'},{className:'face_18',text: '再见'},{className:'face_19',text: '咖啡'},  
  12.             {className:'face_20',text: '礼物'},{className:'face_21',text: '玫瑰'}],  
  13.         initBox: function ($selector) {  
  14.             $.each(Expression.images, function () {  
  15.                 if(this.className=="face_1" || this.className=="face_11"){  
  16.                     return true;  
  17.                 }  
  18.                 var li = $('<li></li>').data('express'this.text).append('<i class="icon '+this.className +'"></i>');  
  19.                 $selector.append(li);  
  20.             });  
  21.         },  
  22.         replaceHtml: function ($selector) {  
  23.             var html = $selector.html();  
  24.             $.each(Expression.images, function () {  
  25.                 var re = new RegExp("\\["+this.text+"\\]","g");  
  26.                 html = html.replace(re, '<i class="icon ' + this.className + '"></i>');  
  27.             });  
  28.             $selector.html(html);  
  29.         }  
  30.     }  
  31.   
  32. })();  
  33. $(function () {  
  34.     $('body').on("tap"'[data-express]'function () {  
  35.         var txt = $(this).data('express'), text = $('textarea');  
  36.         text.val(text.val() + '[' + txt + ']');  
  37.         var len = text.val().length;  
  38.         $('#provide').text(len + "/240字");  
  39.         text.focus();  
  40.     });  
  41. });  
  42.   
  43. Expression.replaceHtml($('#chat_list'));  
  44. Expression.initBox($('#face'))  

如何判断微信内置浏览器,首先需要获取微信内置浏览器的User Agent,经过在 iPhone 上微信的浏览器的检测,它的 User Agent 是:

Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Mobile/10B329 MicroMessenger/5.0.1

所以通过识别 MicroMessenger 这个关键字来确定是否微信内置的浏览器了。

JAVA 判断是否微信浏览器

XML/HTML代码
  1. <%  
  2. String ua=((HttpServletRequest) request).getHeader("user-agent").toLowerCase();  
  3. if (ua.indexOf("micromessenger") > 0) {// 是微信浏览器  
  4.         validation = true;  
  5. }  
  6. %>  
  7.   
  8. /***************************************************  
  9. * 判断浏览器类型是否是IE,是则返回true,不是返回false    
  10. * ServletActionContext是struts2上下文对象    
  11. * @return boolean    
  12. **************************************************/    
  13. public   static   boolean  isIE(){    
  14.     return  ServletActionContext.getRequest().getHeader( "USER-AGENT" ).toLowerCase().indexOf( "msie" )>0?true:false ;  
  15. }  

方案一:正则表达式

通过观察规律,得出以下表达式:

Java代码
  1. ;\s?([^;]+?)\s?(Build)?/  

Java代码:

Java代码
  1. Pattern pattern = Pattern.compile(";\\s?(\\S*?\\s?\\S*?)\\s?(Build)?/");    
  2. Matcher matcher = pattern.matcher(userAgent);    
  3. String model = null;    
  4. if (matcher.find()) {    
  5.     model = matcher.group(1).trim();    
  6.     log.debug("通过userAgent解析出机型:" + model);    
  7. }  

以下为部分UserAgent,供测试,可以直接在EditPlus里验证。

 

Mozilla/5.0 (Linux; U; Android 4.3; zh-cn; R8007 Build/JLS36C) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30

Mozilla/5.0 (Linux; U; Android 4.3; zh-cn; R8007 Build/JLS36C) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30 V1_AND_SQ_5.0.0_146_YYB_D QQ/5.0.0.2215

Mozilla/5.0 (Linux; U; Android 4.3; zh-cn; SM-N9009 Build/JSS15J) AppleWebKit/537.36 (KHTML, like Gecko)Version/4.0 MQQBrowser/5.3 Mobile Safari/537.36

Mozilla/5.0 (Linux; Android 4.2.2; zh-cn; SCH-I959 Build/JDQ39) AppleWebKit/535.19 (KHTML, like Gecko) Version/1.0 Chrome/18.0.1025.308 Mobile Safari/535.19

Mozilla/5.0 (Linux; U; Android 4.3; zh-CN; SM-N9009 Build/JSS15J) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 UCBrowser/9.9.2.467 U3/0.8.0 Mobile Safari/533.1

Mozilla/5.0 (Linux; U; Android 4.1.2; zh-CN; Coolpad 5891 Build/JZO54K) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 UCBrowser/9.9.3.478 U3/0.8.0 Mobile Safari/533.1

Mozilla/5.0 (Linux; U; Android 4.1.2; zh-cn; Coolpad 5891 Build/JZO54K) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30 V1_AND_SQ_5.0.0_146_YYB2_D QQ/5.0.0.2215

Mozilla/5.0 (iPhone; CPU iPhone OS 7_0_4 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11B554a Safari/9537.53

Mozilla/5.0 (iPhone; CPU iPhone OS 7_1_2 like Mac OS X) AppleWebKit/537.51.2 (KHTML, like Gecko) Mobile/11D257 QQ/5.0.0.165

Mozilla/5.0 (Linux; Android 4.3; zh-cn; SAMSUNG-GT-I9308_TD/1.0 Android/4.3 Release/11.15.2013 Browser/AppleWebKit534.30 Build/JSS15J) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30

Mozilla/5.0 (Linux; U; Android 4.1.1; zh-cn; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30 SogouMSE,SogouMobileBrowser/3.2.3

Mozilla/5.0 (Linux; U; Android 4.2.2; zh-cn; SCH-I959 Build/JDQ39) AppleWebKit/534.24 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.24 T5/2.0 baidubrowser/5.0.3.10 (Baidu; P1 4.2.2)

Mozilla/5.0 (Linux; U; Android 4.2.2; zh-cn; SCH-I959 Build/JDQ39) AppleWebKit/534.24 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.24 T5/2.0

Mozilla/5.0 (Linux; Android 4.3; SM-N9009 Build/JSS15J) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/37.0.2062.117 Mobile Safari/537.36 OPR/24.0.1565.82529

Mozilla/5.0 (Linux; U; Android 4.4.4; zh-CN; Nexus 4 Build/KTU84P) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 UCBrowser/9.9.2.467 U3/0.8.0 Mobile Safari/533.1

Mozilla/5.0 (Linux; U; Android 4.0.4; zh-cn; HUAWEI C8825D Build/HuaweiC8825D) AppleWebKit/534.24 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.24 T5/2.0 baidubrowser/5.2.3.0 (Baidu; P1 4.0.4)

Mozilla/5.0 (Linux; U; Android 4.0.4; zh-cn; HUAWEI C8825D Build/HuaweiC8825D) AppleWebKit/537.36 (KHTML, like Gecko)Version/4.0 MQQBrowser/5.3 Mobile Safari/537.36

Mozilla/5.0 (Linux; Android 4.0.4; HUAWEI C8825D Build/HuaweiC8825D) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/37.0.2062.117 Mobile Safari/537.36

Mozilla/5.0 (Linux; U; Android 4.0.4; zh-cn; HUAWEI C8825D Build/HuaweiC8825D) AppleWebKit/535.19 (KHTML, like Gecko) Version/4.0 LieBaoFast/2.12.0 Mobile Safari/535.19

Opera/9.80 (Android; Opera Mini/7.0.31907/34.2499; U; zh) Presto/2.8.119 Version/11.10

Mozilla/5.0 (Linux; U; Android 4.0.4; zh-cn; HW-HUAWEI_C8825D/C8825DV100R001C92B943SP01; 480*800; CTC/2.0) AppleWebKit/534.30 Mobile Safari/534.30

Mozilla/5.0 (Linux; U; Android 4.4.2; zh-CN; SGP521 Build/17.1.2.A.0.314) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 UCBrowser/9.9.2.467 U3/0.8.0 Mobile Safari/533.1

Mozilla/5.0 (Linux; Android 4.4.2; SGP521 Build/17.1.2.A.0.314) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/37.0.2062.117 Safari/537.36

Mozilla/5.0 (Linux; U; Android 4.0.4; zh-CN; HUAWEI C8825D Build/HuaweiC8825D) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 UCBrowser/9.8.5.442 U3/0.8.0 Mobile Safari/533.1

Mozilla/5.0 (Linux; U; Android 4.1.1; zh-cn; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30

Mozilla/5.0 (Linux; Android 4.4.2; zh-cn; SAMSUNG-SM-N9009 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Version/1.5 Chrome/28.0.1500.94 Mobile Safari/537.36

Mozilla/5.0 (Linux; U; Android 4.2.2; zh-CN; HTC HTL22 Build/JDQ39) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 UCBrowser/9.9.2.467 U3/0.8.0 Mobile Safari/533.1

Mozilla/5.0 (Linux; Android 4.3; SM-N9009 Build/JSS15J) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/37.0.2062.117 Mobile Safari/537.36

Mozilla/5.0 (Linux; U; Android 4.2.1; zh-cn; AMOI A920W Build/JOP40D) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30

Mozilla/5.0 (Linux; Android 4.3; SM-N9009 Build/JSS15J) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/36.0.1985.135 Mobile Safari/537.36

Mozilla/5.0 (Linux; U; Android 4.1.1; zh-CN; GT-N7100 Build/JRO03C) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 UCBrowser/9.9.2.467 U3/0.8.0 Mobile Safari/533.1

Mozilla/5.0 (Linux; U; Android 4.3; zh-cn; R8007 Build/JLS36C) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30

Huawei U8800    Android 2.3.3   Baidu 2.2   Mozilla/5.0 (Linux; U; Android 2.3.5; zh-cn) AppleWebKit/530.17 (KHTML, like Gecko) FlyFlow/2.2 Version/4.0 Mobile Safari/530.17        有用(0)

Huawei U8800    Android 2.3.3   UC 8.7  Mozilla/5.0 (Linux; U; Android 2.3.5; zh-cn; U8800 Build/HuaweiU8800) UC AppleWebKit/534.31 (KHTML, like Gecko) Mobile Safari/534.31        有用(0)

Meizu MX M031   Android 4.0.3   Chrome 18   Mozilla/5.0 (Linux; Android 4.0.3; M031 Build/IML74K) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19      有用(0)

Meizu MX M031   Android 4.0.3   Opera 12.1  Opera/9.80 (Android 4.0.3; Linux; Opera Mobi/ADR-1210241511) Presto/2.11.355 Version/12.10      有用(0)

Meizu MX M031   Android 4.0.3   -built-in *     Mozilla/5.0 (Linux; U; Android 4.0.3; zh-cn; M031 Build/IML74K) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30         有用(0)

Meizu MX M031   Android 4.0.3   Baidu 2.2   Mozilla/5.0 (Linux; U; Android 4.0.3; zh-cn) AppleWebKit/530.17 (KHTML, like Gecko) FlyFlow/2.2 Version/4.0 Mobile Safari/530.17        有用(0)

Meizu MX M031   Android 4.0.3   UC 8.7  Mozilla/5.0 (Linux; U; Android 4.0.3; zh-cn; M031 Build/IML74K) UC AppleWebKit/534.31 (KHTML, like Gecko) Mobile Safari/534.31      有用(0)

Meizu M9    Android 4.0.3   QQ 3.7  MQQBrowser/3.7/Mozilla/5.0 (Linux; U; Android 4.0.3; zh-cn; M9 Build/IML74K) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30    Normal Mode     有用(0)

Meizu M9    Android 4.0.3   QQ 3.5  MQQBrowser/3.5/Adr (Linux; U; 4.0.3; zh-cn; M9 Build/Flyme 1.0.1;640*960)   Speed Mode  有用(0)

Meizu M9    Android 4.0.3   -built-in *     Mozilla/5.0 (Linux; U; Android 4.0.3; zh-cn; M9 Build/IML74K) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30       有用(0)

Meizu M9    Android 4.0.3   QQ 3.5  MQQBrowser/3.5/Mozilla/5.0 (Linux; U; Android 4.0.3; zh-cn; M9 Build/IML74K) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30    Normal Mode     有用(0)

Meizu MX M031   Android 4.0.3   Maxthon 2.7     Mozilla/5.0 (Linux; U; Android 4.0.3; zh-cn; M031 Build/IML74K) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30         有用(0)

Huawei U8800    Android 2.3.3   Maxthon 2.7     Mozilla/5.0 (Linux; U; Android 2.3.5; zh-cn; U8800 Build/HuaweiU8800) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1         有用(0)

Huawei U8800    Android 2.3.3   QQ 3.7  MQQBrowser/3.7/Adr (Linux; U; 2.3.5; zh-cn; U8800 Build/U8800V100R001C00B528G002;480*800)   Speed Mode  有用(0)

Huawei U8800    Android 2.3.3   Dolphin 9.1     Mozilla/5.0 (Linux; U; Android 2.3.5; zh-cn; U8800 Build/HuaweiU8800) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1         有用(0)

Huawei U8800    Android 2.3.3   QQ 3.7  MQQBrowser/3.7/Mozilla/5.0 (Linux; U; Android 2.3.5; zh-cn; U8800 Build/HuaweiU8800) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1  Normal Mode     有用(0)

Huawei U8800    Android 2.3.3   -built-in *     Mozilla/5.0 (Linux; U; Android 2.3.5; zh-cn; U8800 Build/HuaweiU8800) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

Samsung P6200(GALAXY Tab)   Android 3.2     -built-in *     Mozilla/5.0 (Linux; U; Android 3.2; zh-cn; GT-P6200 Build/HTJ85B) AppleWebKit/534.13 (KHTML, like Gecko) Version/4.0 Safari/534.13      有用(0)

Huawei U8800    Android 2.3.3   Maxthon 4.0     Mozilla/5.0 (Linux; U; Android 2.3.5; zh-cn; U8800 Build/HuaweiU8800) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1         有用(0)

Meizu MX M031   Android 4.0.3   Baidu 2.3   Mozilla/5.0 (Linux; U; Android 4.0.3; zh-cn; M031 Build/IML74K) AppleWebKit/530.17 (KHTML, like Gecko) FlyFlow/2.3 Version/4.0 Mobile Safari/530.17 baidubrowser/023_1.41.3.2_diordna_069_046/uzieM_51_3.0.4_130M/1200a/963E77C7DAC3FA587DF3A7798517939D%7C408994110686468/1        有用(0)

Huawei U8800    Android 2.3.3   Baidu 2.3   Mozilla/5.0 (Linux; U; Android 2.3.5; zh-cn; U8800 Build/HuaweiU8800) AppleWebKit/530.17 (KHTML, like Gecko) FlyFlow/2.3 Version/4.0 Mobile Safari/530.17 baidubrowser/042_1.6.3.2_diordna_008_084/IEWAUH_01_5.3.2_0088U/1001a/BE44DF7FABA8768B2A1B1E93C4BAD478%7C898293140340353/1         有用(0)

Huawei U8800    Android 2.3.3   Dolphin 9.2     Mozilla/5.0 (Linux; U; Android 2.3.5; zh-cn; U8800 Build/HuaweiU8800) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1         有用(0)

HTC S720e(One X)    Android 4.0.3   -built-in *     Mozilla/5.0 (Linux; U; Android 4.0.4; zh-cn; HTC S720e Build/IMM76D) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30        有用(1)

HTC S720e(One X)    Android 4.0.3   UC 8.7  Mozilla/5.0 (Linux; U; Android 4.0.4; zh-cn; HTC S720e Build/IMM76D) UC AppleWebKit/534.31 (KHTML, like Gecko) Mobile Safari/534.31         有用(0)

Meizu MX M031   Android 4.0.3   Dolphin Min 2.3     Mozilla/5.0 (Linux; U; Android 4.0.3; zh-cn; M031 Build/IML74K) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30         有用(0)

Meizu MX M031   Android 4.0.3   QQ 4.0  MQQBrowser/4.0/Mozilla/5.0 (Linux; U; Android 4.0.3; zh-cn; M031 Build/IML74K) AppleWebKit/533.1 (KHTML, like Gecko) Mobile Safari/533.1        有用(0)

Meizu M9    Android 4.0.3   QQ 3.7  MQQBrowser/3.7/Adr (Linux; U; 4.0.3; zh-cn; M9 Build/Flyme 1.0.1;640*960)

Meizu MX2 M040  Android 4.1     UC 9.4  Mozilla/5.0 (Linux; U; Android 4.1.1; zh-CN; M040 Build/JRO03H) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 UCBrowser/9.4.1.362 U3/0.8.0 Mobile Safari/533.1      有用(0)

Meizu MX2 M040  Android 4.1     Chrome 31   Mozilla/5.0 (Linux; Android 4.1.1; M040 Build/JRO03H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.59 Mobile Safari/537.36       有用(0)

Meizu MX2 M040  Android 4.1     猎豹 2.8  Mozilla/5.0 (Linux; Android 4.1.1; M040 Build/JRO03H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.64 Mobile Safari/537.36       有用(0)

Meizu MX2 M040  Android 4.1     Baidu 4.1   Mozilla/5.0 (Linux; U; Android 4.1.1; zh-cn; M040 Build/JRO03H) AppleWebKit/534.24 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.24 T5/2.0 baidubrowser/4.2.4.0 (Baidu; P1 4.1.1)       有用(0)

Meizu MX M031   Android 4.1     -built-in *     Mozilla/5.0 (Linux; U; Android 4.1.1; zh-cn; M031 Build/JRO03H) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30         有用(1)

Meizu MX M031   Android 4.1     UC 8.8  Mozilla/5.0 (Linux; U; Android 4.1.1; zh-CN; M031 Build/JRO03H) AppleWebKit/534.31 (KHTML, like Gecko) UCBrowser/8.8.3.278 U3/0.8.0 Mobile Safari/534.31        有用(0)

Meizu MX2 M040  Android 4.1     QQ 4.1  Mozilla/5.0 (Linux; U; Android 4.1.1; zh-cn; M040 Build/JRO03H) AppleWebKit/533.1 (KHTML, like Gecko)Version/4.0 MQQBrowser/4.1 Mobile Safari/533.1         有用(0)

Meizu MX2 M040  Android 4.1     -built-in *     Mozilla/5.0 (Linux; U; Android 4.1.1; zh-cn; M040 Build/JRO03H) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30         有用(2)

Samsung P6200(GALAXY Tab)   Android 3.2     QQ HD 2.1   Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_3; en-us) AppleWebKit/533.16 (KHTML, like Gecko) Version/5.0 Safari/533.16       有用(0)

 

Samsung P6200(GALAXY Tab)   Android 3.2     UC HD 2.3   Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_3) AppleWebKit/534.31 (KHTML, like Gecko) Chrome/17.0.558.0 Safari/534.31 UCBrowser/2.3.1.257

通过验证,成功率95%以上。

PHP 判断是否微信浏览器

PHP代码
  1. function is_weixin(){  
  2.    if ( strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger') !==false){  
  3.        return true;  
  4.    }      
  5.    return false;  
  6. }  

JavaScript判断是否微信浏览器

JavaScript代码
  1. function is_weixin(){  
  2.    var ua=navigator.userAgent.toLowerCase();  
  3.    if(ua.match(/MicroMessenger/i)=="micromessenger"){  
  4.     return true;  
  5.    }else{  
  6.     return false;  
  7.    }  
  8. }  

 

1. 调用广告平台要对超链接字符串局部进行替换,如下:

 

2. 对广告HTTP接口需要改造成支持跨越,在回调方法内部插入JSON数据,回调名:Jsoncallback 如下:

Java代码
  1. @RequestParam(value = "Jsoncallback", required = true) String jsonCallBack,  
  2. JSONObject jsonObject = new JSONObject();  
  3. jsonObject.put("userList", userList);  
  4. String strResult = jsonCallBack+"("+jsonObject.toString()+")";  
  5. return strResult;  

 

网页可见区域宽:document.body.clientWidth

网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth (包括边线的宽)
网页可见区域高:document.body.offsetHeight (包括边线的宽)
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高:document.body.scrollTop
网页被卷去的左:document.body.scrollLeft
网页正文部分上:window.screenTop
网页正文部分左:window.screenLeft
屏幕分辨率的高:window.screen.height
屏幕分辨率的宽:window.screen.width
屏幕可用工作区高度:window.screen.availHeight
屏幕可用工作区宽度:window.screen.availWidth
 
 
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX 相对文档的水平座标
event.clientY 相对文档的垂直座标
event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量
 
IE,FireFox 差异如下:
 
IE6.0、FF1.06+:
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border
 
IE5.0/5.5:
clientWidth = width - border
clientHeight = height - border
offsetWidth = width
offsetHeight = height
 
(需要提一下:CSS中的margin属性,与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)
网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕分辨率的高: window.screen.height
屏幕分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight
屏幕可用工作区宽度: window.screen.availWidth
-------------------
技术要点
本节代码主要使用了Document对象关于窗口的一些属性,这些属性的主要功能和用法如下。
要得到窗口的尺寸,对于不同的浏览器,需要使用不同的属性和方法:若要检测窗口的真实尺寸,在Netscape下需要使用Window的属性;在IE下需要 深入Document内部对body进行检测;在DOM环境下,若要得到窗口的尺寸,需要注意根元素的尺寸,而不是元素。
Window对象的innerWidth属性包含当前窗口的内部宽度。Window对象的innerHeight属性包含当前窗口的内部高度。
Document对象的body属性对应HTML文档的标签。Document对象的documentElement属性则表示HTML文档的根节点。
document.body.clientHeight表示HTML文档所在窗口的当前高度。document.body. clientWidth表示HTML文档所在窗口的当前宽度。
XML/HTML代码
  1. 实现代码  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  4. <html xmlns="http://www.w3.org/1999/xhtml">  
  5. <head>  
  6. <title>请调整浏览器窗口</title>  
  7. <meta http-equiv="content-type" content="text/html; charset=gb2312">  
  8. </head>  
  9. <body>  
  10. <h2 align="center">请调整浏览器窗口大小</h2><hr>  
  11. <form action="#" method="get" name="form1" id="form1">  
  12. <!--显示浏览器窗口的实际尺寸-->  
  13. 浏览器窗口 的 实际高度: <input type="text" name="availHeight" size="4"><br>  
  14. 浏览器窗口 的 实际宽度: <input type="text" name="availWidth" size="4"><br>  
  15. </form>  
  16. <script type="text/javascript">  
  17. <!--  
  18. var winWidth = 0;  
  19. var winHeight = 0;  
  20. function findDimensions() //函数:获取尺寸  
  21. {  
  22. //获取窗口宽度  
  23. if (window.innerWidth)  
  24. winWidth = window.innerWidth;  
  25. else if ((document.body) && (document.body.clientWidth))  
  26. winWidth = document.body.clientWidth;  
  27. //获取窗口高度  
  28. if (window.innerHeight)  
  29. winHeight = window.innerHeight;  
  30. else if ((document.body) && (document.body.clientHeight))  
  31. winHeight = document.body.clientHeight;  
  32. //通过深入Document内部对body进行检测,获取窗口大小  
  33. if (document.documentElement  && document.documentElement.clientHeight && document.documentElement.clientWidth)  
  34. {  
  35. winHeight = document.documentElement.clientHeight;  
  36. winWidth = document.documentElement.clientWidth;  
  37. }  
  38. //结果输出至两个文本框  
  39. document.form1.availHeight.value= winHeight;  
  40. document.form1.availWidth.value= winWidth;  
  41. }  
  42. findDimensions();  
  43. //调用函数,获取数值  
  44. window.onresize=findDimensions;  
  45. //-->  
  46. </script>  
  47. </body>  
  48. </html>  
源程序解读
 
(1)程序首先建立一个表单,包含两个文本框,用于显示窗口当前的宽度和高度,并且,其数值会随窗口大小的改变而变化。
(2)在随后的JavaScript代码中,首先定义了两个变量winWidth和winHeight,用于保存窗口的高度值和宽度值。
(3)然后,在函数findDimensions ( )中,使用window.innerHeight和window.innerWidth得到窗口的高度和宽度,并将二者保存在前述两个变量中。
(4)再通过深入Document内部对body进行检测,获取窗口大小,并存储在前述两个变量中。
(5)在函数的最后,通过按名称访问表单元素,结果输出至两个文本框。
(6)在JavaScript代码的最后,通过调用findDimensions ( )函数,完成整个操作。
 

jQuery 获取屏幕高度、宽度

第一页 上页 6 7 8 9 10 11 12 13 14 15 下页 最后页 [ 显示模式: 摘要 | 列表 ]