今天把做专题常用的js代码总结出来(持续更新),方便以后直接复制使用,不用老敲啊敲

1、屏幕适配JS代码

<script>
var phoneScale = parseInt(window.screen.width)/640;document.write('<meta name=\'viewport\' content=\'width=640, minimum-scale = '+ phoneScale +', maximum-scale = '+ phoneScale +', user-scalable=no\'>');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("不是数字");
}

10、背景音乐

详细用法查看这里:http://www.cnblogs.com/gg1234/p/5603474.html

<script src="http://www1.pconline.com.cn/zt/20160621/Gbgmusic_min.js"></script>
<script>
var bgMusic = new GbgMusic("http://www1.pconline.com.cn/zt/20160608/biyadi/bg.mp3");
</script>

11、数组去重

function clearArrRepeat(arr){
var result=[],hash={};
for(var i=0,ele;ele=arr[i];i++){
if(!hash[ele]){
result.push(ele);
hash[ele]=true;
}
}
return result;
}

 12、生成css选择器

function createCssTxt(){
var divArr=document.getElementsByTagName("div");
var cssText="";
for(var i=0;i<divArr.length;i++){
cssText+="."+divArr[i].className+"{\n\n}\n";
}
console.log(cssText);
}
createCssTxt();

 13、表单校验

 html代码

<iframe src="about:blank" frameborder="0" name="tarFrom" style="display:none"></iframe>
<form action="http://survey.pcauto.com.cn/auto/submit.jsp" method="post" onsubmit="return checkInfo()" target="tarFrom" accept-charset="gb2312" id="myForm">
  <div class="uNameW pFormW">
<input type="text" id="uName">
  </div>
  <div class="uTelW pFormW">
<input type="text" id="uTel">
  </div>
  <div class="uProW pFormW">
<select id="uPro">
  
</select>
  </div>
  <div class="uCityW pFormW">
<select id="uCity">
</select>
  </div>
  <div class="uLikeW pFormW">
<select id="uLike">
</select>
  </div>
  <div class="uDealerW pFormW">
<select id="uDealer">
</select>
  </div>
  <div class="uSubmit pFormW">
<input type="submit" value="提交" id="tj">
  </div>
  <input type="hidden" name="id" value="15122" />
</form>

  

 css代码

#myForm{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
}
.uName{
top:0px;
}
.uTelW{
top:0px;
}
.uProW{
top:0px;
}
.uCityW{
top:0px;
}
.uLikeW{
top:0px;
}
.uDealerW{
top:0px;
}
.uSubmit{
top:0px;
}
#tj{
opacity: 0;
}
.p6 input,.p6 select{
width: 100%;
height: 100%;
font-size: 30px;
-webkit-appearance: none;
background:none;
border: 0;
outline: 0;
font-family: "微软雅黑";
text-indent: 5px;
}

 js代码

function checkInfo(){
var uName=$("#uName"),uTel=$("#uTel"),uPro=$("#uPro"),uCity=$("#uCity"),uDealer=$("#uDealer"),uLike=$("#uLike");
if(!(/[\u4e00-\u9fa5]/g.test(uName.val()))){
alert("姓名不能为空,切必须为中文");
return false;
}else if(!/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/.test(uTel.val())){
alert("电话号码不能为空,且必须为11位数字");
return false;
}else if(!uPro.val()||uPro.val()=="请选择"){
alert("省不能为空");
return false;
}else if(!uCity.val()||uCity.val()=="请选择"){
alert("城市不能为空");
return false;
}else if(!uLike.val()||uLike.val()=="请选择"){
alert("意向车型不能为空");
return false;
}else if(!uDealer.val()||uDealer.val()=="请选择"){
alert("经销商不能为空");
return false;
}
alert("提交成功");
myPageSlider.next();
return true;
}

 14、获取ie浏览器版本

function IEVersion() {
var rv = -1;
if (navigator.appName == 'Microsoft Internet Explorer') {
var ua = navigator.userAgent;
var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
if (re.exec(ua) != null)
rv = parseFloat(RegExp.$1);
} else if (navigator.appName == 'Netscape') {
var ua = navigator.userAgent;
var re = new RegExp("Trident/.*rv:([0-9]{1,}[\.0-9]{0,})");
if (re.exec(ua) != null)
rv = parseFloat(RegExp.$1);
}
return rv;
}

  

h5专题常用小代码的更多相关文章

  1. JavaScript 常用小代码

    //判断一个汉字等于两个字符 function getByteLen(val) { var len = 0; for (var i = 0; i < val.length; i++) { var ...

  2. C#反射实现 C# 反射 判断类的延伸类型 使用代码生成工具Database2Sharp快速生成工作流模块控制器和视图代码 C# ADO.NET的SqlDataReader对象,判断是否包含指定字段 页面中添加锚点的几种方式 .net 简单实用Log4net(多个日志配置文件) C# 常用小点

    C#反射实现   一.反射概念: 1.概念: 反射,通俗的讲就是我们在只知道一个对象的内部而不了解内部结构的情况下,通过反射这个技术可以使我们明确这个对象的内部实现. 在.NET中,反射是重要的机制, ...

  3. less 经典范例 bootstrap 的 less 版本 常用 less 代码

    1. bootstrap 的 less 版本 2.less 文件分布 /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011 ...

  4. Matlab常用小技巧及部分快捷键

    Matlab常用小技巧一: 1. m文件如果是函数,保存的文件名最好与函数名一致,这点都很清楚.不过容易疏忽的是,m文件名的命名尽量不要是简单的英文单词,最好是由大小写英文/数字/下划线等组成.原因是 ...

  5. iOS常用小功能

    CHENYILONG Blog 常用小功能 技术博客http://www.cnblogs.com/ChenYilong/ 新浪微博http://weibo.com/luohanchenyilong  ...

  6. iOS 网易彩票-6设置模块三(常用小功能)

    该篇文章中,用到很多iOS开发过程中常用的小功能,当前只是将这些功能集成到网易彩票的设置中.iOS-常用小功能介绍,请参考我的另一篇文章: iOS 常用小功能 总结:http://www.cnblog ...

  7. iOS 常用小功能 总结

    常用小功能 iOS中的很多小功能都是非常简单的,几行代码就搞定了,比如打电话.打开网址.发邮件.发短信等 打电话 方法一(不被采用): 拨号之前会弹框询问用户是否拨号,拨完后能自动回到原应用 NSUR ...

  8. javascript的40个网页常用小技巧

    下面是javascript的40个网页常用小技巧,对网站开发人员相信会有帮助.1. oncontextmenu="window.event.returnValue=false" 将 ...

  9. legend3---lavarel常用操作代码2

    legend3---lavarel常用操作代码2 一.总结 一句话总结: 对于王思cong被执法人的感悟:失意时 莫心伤,得意时 莫膨胀 1.lavarel自动事务? DB::transaction方 ...

随机推荐

  1. .Net的Excel 导出 格式设置

    添加引用:Microsoft   Excel   11.0   Object   Library ; 添加:using Microsoft.Office.Interop.Excel; 一.打开Exce ...

  2. ios异常(crash)输出

    最近突然想起友盟的sdk附带的一个功能:将闪退异常情况上报服务器,(stackflow,github)找了一些资料,自己写了一个demo,想起来好久没有写过blog了,顺便分享. 其实不止是ios,a ...

  3. 路由器WDS实际案例

    背景环境: 我家在农村,由于是农村,虽然现在村里迁了网线,但是用户毕竟还是很少的,我家常年都在外面打工,就过年过节回来十几二十天,想上网,不值得迁网线,所以选择不道德的蹭网. 由于手机的信号并没有专业 ...

  4. leetcode 168

    168. Excel Sheet Column Title Given a positive integer, return its corresponding column title as app ...

  5. Yarn&Mapreduce参数的具体含义和配置参考

    Yarn & Mapreduce 参数的具体含义和配置 http://zh.hortonworks.com/blog/how-to-plan-and-configure-yarn-in-hdp ...

  6. PowerDesigner15中定义varbinary(max)列

    PowerDesigner15 概念数据模型(Entity)中要定义数据类型为varbinary(max)的特性(Attribute),应将数据类型(Data Type)选择为other,在代码(Co ...

  7. 8.8 CSS知识点1

    什么是CSS CSS(Cascading Style Sheet) 层叠样式表 CSS3在CSS2的基础上增加了很多强大的新功能,目前主流浏览器都支持CSS3大部分功能.为了更好的向前兼容,不同的浏览 ...

  8. struts2各个jar包的作用

    ---------------------------------------------------struts2核心jar包------------------------------------ ...

  9. 双机相关知识(原理、LVM、Raid技术)

    1        双机知识 1.1         预备知识 1.1.1     基本概念 双机热备:双机热备双机管理软件可以根据心跳自动检测环境运行情况,如果发现一个节点挂掉了,会自动切换到另外一个 ...

  10. RGBA 与opacity

    RGBA是一种表示颜色的方式,初次看到觉得很奇怪,与RGB的区别是什么?后面查了下,才发现RGBA的好处. RGBA各个字母的含义为: R:红色值,正整数 | 百分数: G:绿色值,正整数 | 百分数 ...