h5专题常用小代码
2016-01-22 16:26
465 查看
今天把做专题常用的js代码总结出来(持续更新),方便以后直接复制使用,不用老敲啊敲
1、屏幕适配JS代码
2、简单选择器
3、添加class
4、删除class
5、loadJS(jonp)
6、ajax
7、微信检测
8、QQ检测
9、判断网友表单中添的信息是不是数字
1、屏幕适配JS代码
<script> if(/Android (\d+\.\d+)/.test(navigator.userAgent)){ var version = parseFloat(RegExp.$1); if(version>2.3){ var phoneScale = parseInt(window.screen.width)/640; document.write('<meta name="viewport" content="width=640, minimum-scale = '+ phoneScale +', maximum-scale = '+ phoneScale +', target-densitydpi=device-dpi">'); }else{ document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">'); } }else{ document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi,minimal-ui">'); } var html = document.querySelector('html'); var rem = html.offsetWidth / 6.4 ; html.style.fontSize = rem + 'px' ; </script>
2、简单选择器
function $(selector){ return document.querySelector(selector); }
3、添加class
function addClass(obj,claName){ var reg = new RegExp("(^|\\s+)"+claName+"($|\\s+)"); if(!obj.className.match(reg)){ obj.className+=" "+claName; } return obj; }
4、删除class
function removeClass(obj,claName){ var reg = new RegExp("(^|\\s+)"+claName+"($|\\s+)"); if(obj.className.match(reg)){ obj.className=obj.className.replace(reg,""); } return obj; }
5、loadJS(jonp)
function loadJs(url){ var script = document.createElement("script"); document.getElementsByTagName("head")[0].appendChild(script); script.src=url; }
6、ajax
function ajax(method,url,callback,data){ var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"); xhr.onreadystatechange=function(){ if(xhr.readyState==4&&xhr.status==200){ callback&&callback(xhr.responseText) } } xhr.open(method,url); if(data){ xhr.send(data); } }
7、微信检测
if((window.navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == 'micromessenger')){ //微信 }
8、QQ检测
if(window.navigator.userAgent.match(/QQ\//i)){ //qq }
9、判断网友表单中添的信息是不是数字
//判断手机号码是不是数字 var tel=$("#tel").val()*1; if(tel){ alert("是数字") }else{ alert("不是数字"); }
相关文章推荐
- h5中 <!DOCTYPE html>标签问题,div里面如果装有一个img下边会有2px间隙
- 图片轮播效果
- 开发者必须知道的HTML5十五大新特性
- HTML5新特性
- 关于HTML5你必须知道的28个新特性,新技巧以及新技术
- 移动设备wap手机网页html5通过特殊链接:打电话,发短信,发邮件详细教程
- HTML5新特性及标签标记概要
- HTML5中History 新特性使用方法详解
- html5页面缓存设置
- html5多文件上传代码
- html5读取本地文件 图片上传 示例代码
- HTML5新特点实现图片文件异步上传
- html5页面布局 最基本的规范
- 一览HTML5新特性
- HTML5预加载功能
- 获取HTML5视频时长的方法
- 新增的8类 HTML5 INPUT输入类型介绍
- html5
- HTMl5的sessionStorage和localStorage
- php+html5实现无刷新图片上传教程