数组及对象深拷贝
获取地址栏参数
修改微信title 兼容ios
');
$iframe.on('load',function() {
setTimeout(function() {
$iframe.off('load').remove();
},0);
}).appendTo($body);
}
移动端响应式样式
方法使用后会在 head标签添加一个style标签 并且有.my-resize 和 .no-resize的样式,需要适配屏幕的元素加上.my-resize类名即可,.no-resize是还原已适配的元素
* window.onload = window.onresize = function(){
* pageResize({
* width : '320',//默认宽320px
* height : '504',//默认高504px
* })
* }
*/
(function pageResize(opt) {
var ua = navigator.userAgent,wp = ua.match(/Windows Phone ([\d.]+)/),android = ua.match(/(Android);?[\s\/]+([\d.]+)?/),// 设备宽高初始比例
dw = document.documentElement.clientWidth,dh = document.documentElement.clientHeight,ds = dw / dh,// 页面宽高初始比例
opt = opt || {},pw = opt.width || 320,ph = opt.height || 512,ps = pw / ph;
// 核心代码:页面缩放比例
var sx = dw/pw,sy = dh/ph;
var css = '.no-resize { -webkit-transform: scaleY('+sx/sy+');transform: scaleY('+sx/sy+'); }.my-resize { width:'+pw+'px !important;height:'+ph+'px !important;-webkit-transform: scale('+sx+','+sy+');transform: scale('+sx+','+sy+'); -webkit-transform-origin:left top;transform-origin:left top;}',head = document.getElementsByTagName('head')[0],style = document.createElement('style');
style.type = 'text/css';
if(style.styleSheet){
style.styleSheet.cssText = css;
}else{
style.appendChild(document.createTextNode(css));
}
head.appendChild(style);
})()
原文链接:https://www.f2er.com/js/40810.html