常用的js方法合集


Posted in Javascript onMarch 10, 2017

数组及对象深拷贝

var arr = [1,'2',{a:1,b:[1,2]}];
function deepCopy(p, c) {

 var c = c || {};


 for (var i in p) {



 if (typeof p[i] === 'object' && p[i] !== null) {
c[i] = (p[i].constructor === Array) ? [] : {};

deepCopy(p[i], c[i]);



 } else {



 
  c[i] = p[i];



 }


 }


 return c;

}
var cArr = deepCopy(arr);
console.log(cArr);

获取地址栏参数

function getUrlParam(){
 var _arr = location.search.substr(1).split('&');
 var _obj = {};
 for (var i = 0; i < _arr.length; i++) {
 _obj[_arr[i].split('=')[0]] = _arr[i].split('=')[1]
 };
 return _obj;
}
console.log(getUrlParam());

修改微信title 兼容ios

function changeWxTitle(text){
 var $body = $('body');
 document.title = text;
 var $iframe = $('<iframe src="/favicon.ico"></iframe>');
 $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); 
})()

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
BOM与DOM的区别分析
Oct 26 Javascript
js+xml生成级联下拉框代码
Jul 24 Javascript
js中prototype用法详细介绍
Nov 14 Javascript
angularJS中router的使用指南
Feb 09 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
Jan 28 Javascript
JavaScript中创建对象的模式汇总
Apr 19 Javascript
js基于setTimeout与setInterval实现多线程
Jun 17 Javascript
终于实现了!精彩的jquery弹幕效果
Jul 18 Javascript
JS判断form内所有表单是否为空的简单实例
Sep 09 Javascript
在javaScript中检测数据类型的几种方式小结
Mar 04 Javascript
ES6新特性之模块Module用法详解
Apr 01 Javascript
关于layui 弹出层一闪而过就消失的解决方法
Sep 09 Javascript
利用Angular+Angular-Ui实现分页(代码加简单)
Mar 10 #Javascript
JS中利用localStorage防止页面动态添加数据刷新后数据丢失
Mar 10 #Javascript
C#微信小程序服务端获取用户解密信息实例代码
Mar 10 #Javascript
js实现产品缩略图效果
Mar 10 #Javascript
BootStrap注意事项小结(五)表单
Mar 10 #Javascript
微信小程序 弹框和模态框实现代码
Mar 10 #Javascript
BootStrap表单宽度设置方法
Mar 10 #Javascript
You might like
php之可变函数的实例详解
2017/09/13 PHP
php基于环形链表解决约瑟夫环问题示例
2017/11/07 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
jscript之Read an Excel Spreadsheet
2007/06/13 Javascript
js 事件处理函数间的Event物件是否全等
2011/04/08 Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
2011/10/24 Javascript
JQUERY对单选框(radio)操作的小例子
2013/04/25 Javascript
Javascript中使用parseInt函数需要注意的问题
2015/04/02 Javascript
浅谈JavaScript中的Math.atan()方法的使用
2015/06/14 Javascript
js 判断所选时间(或者当前时间)是否在某一时间段的实现代码
2015/09/05 Javascript
Javascript中的return作用及javascript return关键字用法详解
2015/11/05 Javascript
js采用concat和sort将N个数组拼接起来的方法
2016/01/21 Javascript
浅析jQuery 遍历函数,javascript中的each遍历
2016/05/25 Javascript
javascript中setAttribute兼容性用法分析
2016/12/12 Javascript
详解handlebars+require基本使用方法
2016/12/21 Javascript
js实现时间轴自动排列效果
2017/03/09 Javascript
bootstrap模态框示例代码分享
2017/05/17 Javascript
解决一个微信号同时支持多个环境网页授权问题
2019/08/07 Javascript
Vue3.0的优化总结
2020/10/16 Javascript
[41:56]Spirit vs Liquid Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
python正则表达式修复网站文章字体不统一的解决方法
2013/02/21 Python
Python文件右键找不到IDLE打开项解决办法
2015/06/08 Python
python实现感知机线性分类模型示例代码
2019/06/02 Python
解决tensorflow读取本地MNITS_data失败的原因
2020/06/22 Python
python实现测试工具(一)——命令行发送get请求
2020/10/19 Python
浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
2017/01/12 HTML / CSS
乐高瑞士官方商店:LEGO CH
2020/08/16 全球购物
请解释virtual关键字的含义
2015/06/17 面试题
法律专业应届生自荐信范文
2014/01/06 职场文书
酒店副总经理岗位职责范本
2014/02/04 职场文书
《列夫托尔斯泰》教学反思
2014/02/10 职场文书
植物生产学专业求职信
2014/08/08 职场文书
义务教育学校标准化建设汇报材料
2014/08/16 职场文书
出国签证在职证明范本
2014/11/24 职场文书
生产车间主任岗位职责
2015/04/08 职场文书
撤诉书怎么写
2015/05/19 职场文书