您的位置:首页 > Web前端 > HTML5

h5专题常用小代码

2016-01-22 16:26 465 查看
今天把做专题常用的js代码总结出来(持续更新),方便以后直接复制使用,不用老敲啊敲

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("不是数字");
}


  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: