码迷,mamicode.com
首页 > Web开发 > 详细

获取url参数和rem屏幕适配

时间:2017-08-22 12:34:41      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:url   lis   listener   比例   val   listen   sub   href   elements   

 

 

 

 1 <script>
 2     var requestObj=(function(){
 3         var url=window.location.href;
 4         var str_key_val = url.substr(url.indexOf("\?")); //获取url中"?"符后的字串
 5         var theRequest = new Object();
 6         if (str_key_val.indexOf("?") != -1) {
 7             var str = str_key_val.substr(1);
 8             strs = str.split("&");
 9             for(var i = 0; i < strs.length; i ++) {
10                 theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
11             }
12         }
13         return theRequest;
14     }());
15     function setRemFontSize(baseSize,baseWidth){
16         //基本 字体大小
17         var baseSize = baseSize||100;
18         //设计图的基本宽度750  iphone6尺寸 (640*118比例)
19         var baseWidth = baseWidth||640;
20         var clientWidth = document.documentElement.clientWidth>=480?480:document.documentElement.clientWidth;
21         clientWidth = document.documentElement.clientWidth<=320?320:document.documentElement.clientWidth;
22         document.getElementsByTagName(‘html‘)[0].style.fontSize = clientWidth*baseSize/baseWidth+‘px‘
23     }
24     setRemFontSize();
25     window.addEventListener("resize",function(){
26         setTimeout(function(){setRemFontSize();},200)
27     });
28 </script>

 

获取url参数和rem屏幕适配

标签:url   lis   listener   比例   val   listen   sub   href   elements   

原文地址:http://www.cnblogs.com/izengbin/p/7410925.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!