常用的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 相关文章推荐
一些常用的Javascript函数
Dec 22 Javascript
基于jquery的9行js轻松实现tab控件示例
Oct 12 Javascript
ListBox实现上移,下移,左移,右移的简单实例
Feb 13 Javascript
8个实用的jQuery技巧
Mar 04 Javascript
jQuery.holdReady()方法用法实例
Dec 27 Javascript
Backbone.js中的集合详解
Jan 14 Javascript
javascript实现点击后变换按钮显示文字的方法
May 13 Javascript
JS实现的自定义网页拖动类
Nov 06 Javascript
JS简单实现仿百度控制台输出信息效果
Sep 04 Javascript
网页瀑布流布局jQuery实现代码
Oct 21 Javascript
Javascript表单序列化原理及实现代码详解
Oct 30 Javascript
vue实现登录功能
Dec 31 Vue.js
利用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为SHOPEX增加日志功能代码
2010/07/02 PHP
PHP 获取文件权限函数介绍
2013/07/11 PHP
php单文件版在线代码编辑器
2015/03/12 PHP
ThinkPHP、ZF2、Yaf、Laravel框架路由大比拼
2015/03/25 PHP
php实现阳历阴历互转的方法
2015/10/28 PHP
关于WordPress的SEO优化相关的一些PHP页面脚本技巧
2015/12/10 PHP
分享php多功能图片处理类
2016/05/15 PHP
select 控制网页内容隐藏于显示的实现代码
2010/05/25 Javascript
javascript淡入淡出效果的实现思路
2012/03/31 Javascript
JS 仿腾讯发表微博的效果代码
2013/12/25 Javascript
jQuery判断一个元素是否可见的方法
2015/06/05 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
2015/11/26 Javascript
输入法的回车与消息发送快捷键回车的冲突解决方法
2016/08/09 Javascript
Web 开发中Ajax的Session 超时处理方法
2017/01/19 Javascript
Javascript中构造函数要注意的一些坑
2017/01/23 Javascript
Bootstrap栅格系统使用方法及页面调整变形的解决方法
2017/03/10 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
2017/04/25 Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
2018/09/14 Javascript
使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置
2018/11/02 Javascript
vue中多个倒计时实现代码实例
2019/03/27 Javascript
vue el-table实现自定义表头
2019/12/11 Javascript
python处理cookie详解
2014/02/07 Python
举例讲解Python设计模式编程中对抽象工厂模式的运用
2016/03/02 Python
Python中文件I/O高效操作处理的技巧分享
2017/02/04 Python
Python正则表达式非贪婪、多行匹配功能示例
2017/08/08 Python
使用requests库制作Python爬虫
2018/03/25 Python
Python实现将元组中的元素作为参数传入函数的操作
2020/06/05 Python
We Fashion荷兰:一家国际时装公司
2018/04/18 全球购物
Schecker荷兰:狗狗用品和配件
2019/06/06 全球购物
俄语专业毕业生推荐信
2013/10/28 职场文书
办理居住证介绍信
2014/01/15 职场文书
运动会解说词200字
2014/02/06 职场文书
新手上路标语
2014/06/20 职场文书
解除劳动合同协议书范本2014
2014/09/25 职场文书
教你使用Python获取QQ音乐某个歌手的歌单
2022/04/03 Python
ubuntu20.04虚拟机无法上网的问题及解决
2022/12/24 Servers