常用的js方法合集

前端之家收集整理的这篇文章主要介绍了常用的js方法合集前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

数组及对象深拷贝

获取地址栏参数

修改微信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

猜你在找的JavaScript相关文章