JS使用

1.input标签加入这个可以过滤掉空格

onKeypress="javascript:if(event.keyCode == 32)event.returnValue = false;"

 

2.文本框只能输入整数及小数

value="" onkeyup="this.value=this.value.replace(/[^\d.]/g,'')"
onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"只能输入数字、字母、数字字母组合

 

3.AJAX清缓存：cache:false

 

4.利用正则表达式去掉日期格式里面的T(2015-05-14T23:01:48)

字段值.replace(/T/g,' ').replace(/\.[\d]{3}Z/,'');

 

5.一般情况下， 对js 某个变量s 判空习惯使用 if(s!=null) , 如果s 没有定义的话，就会报undefined的js 错误, 所以完整的判空可以使用如下方式：

if(typeof(s)!="undefined"&&s!=null)

https://www.cnblogs.com/ooo0/p/6511723.html

http://www.jb51.net/article/48481.htm

 

6.获取系统当前时间

function getNowFormatDate() {
var date = new Date();
var seperator1 = "-";
var seperator2 = ":";
var month = date.getMonth() + 1;
var strDate = date.getDate();
if (month >= 1 && month <= 9) {
month = "0" + month;
}
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
+ " " + date.getHours() + seperator2 + date.getMinutes()
+ seperator2 + date.getSeconds();
return currentdate;
}

/////////////////////////////////////////////////////////////////////////////第二种///////////////////////////////////////////////////////////

//获取系统当前时间
function showTime() {
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
//alert(year+'年'+month+'月'+day+'日 '+hour':'+minute+':'+second)
var str = year+'年'+month+'月'+day+'日';
return str;
}

 ////////////////////////////////////////////////////////////////第三种//////////////////////////////////////////////////////////////////////

//将序列化成json格式后日期(毫秒数)转成日期格式
function ChangeDateFormat(cellval) {
var date = new Date(parseInt(cellval.replace("/Date(", "").replace(")/", ""), 10));
var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
return date.getFullYear() + "-" + month + "-" + currentDate;
}

7.生成GUID

/JS生成类GUID
function S4() {
return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
}
function NewGuid() {
return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
}

 

8.JS时间转时间戳，时间戳转时间。时间显示模式

http://www.cnblogs.com/jiqing9006/p/7099489.html

 

9.js实现UTC时间转为北京时间，时间戳转为时间("2017-03-31T08:02:06Z";)

http://www.cnblogs.com/jiqing9006/p/6652505.html

 

10.JSON数组，JSON对象，数组的区别与基本操作整理

http://www.cnblogs.com/jiqing9006/p/5985371.html

 

11.jQuery-zclip实现复制内容到剪切板

http://www.cnblogs.com/jiqing9006/p/4961538.html

 

 

12.提示text还能输入多少字节

http://www.cnblogs.com/jiqing9006/p/4110657.html

 

13.js正则验证"汉字"

var nickname = value;

var regex = new RegExp("^([\u4E00-\uFA29]|[\uE7C7-\uE7F3]|[a-zA-Z0-9_]){1,10}$");

var res = regex.test(nickname);

验证昵称是否为中文、英文、数字或者下划线，且长度为1到10。

 

14.验证身份证合法性的js

http://www.cnblogs.com/jiqing9006/p/3597549.html

 

15.js的数组操作

http://www.cnblogs.com/jiqing9006/p/3473052.html

 

16.substr,substring,slice 的区别

http://www.cnblogs.com/jiqing9006/p/4969237.html

 

17.layer iframe层的使用，传参

http://www.cnblogs.com/jiqing9006/p/5135697.html

 

18.jQuery name属性与checked属性结合获取表单元素值

http://www.cnblogs.com/jiqing9006/p/5546674.html

 

19.apiCloud事件发送与监听

http://www.cnblogs.com/jiqing9006/p/5968931.html

 

20.apiCloud上传头像

http://www.cnblogs.com/jiqing9006/p/6026757.html

 

21.Javascript设计模式之匿名函数与闭包

http://www.cnblogs.com/jiqing9006/p/6197068.html

 

22.模拟播放器倒计时效果

http://www.cnblogs.com/jiqing9006/p/7172358.html

 

23.关于ajax中async参数的感悟

http://www.cnblogs.com/jiqing9006/p/4956524.html

 

24.Jquery获取input的name/id/value/class属性值

$("#id").attr("name");或$("#id").prop("name");

$("#id").attr("id");或$("#id").prop("id");

$("#id").val();或$("#id").prop("value");

$("#id").attr("class");或$("#id").prop("class");

$("img").attr("width","180");//设置被选元素的属性和值

$("img").attr("width");//返回被选元素的属性值

$("#id").attr("class的名称","改了");或$("#id").prop("class的名称","改了");//改变class的值

$("#id").attr("id的名称","改了");或$("#id").prop("id的名称","改了");//改变id的值

$("#id").prop("value","改了");//改变value的值

$("ul li:eq(1)").attr({className:"lili"});//给元素设置class

$("ul li:eq(1)").attr({id:"lili"});//给元素设置id

$("ul li:eq(1)").attr({style:"color:red"});//给元素设置style

$("ul li:eq(1)").removeAttr ("title");//删除属性

https://www.cnblogs.com/meowcool/p/7278338.html

 25.下拉框

<script type="text/javascript">
 //<![CDATA[
  $(function(){
      //设置单选下拉框选中
      $("input:eq(0)").click(function(){
            $("#single").val("2");
      });
      //设置多选下拉框选中
      $("input:eq(1)").click(function(){
            $("#multiple").val(["选择2号", "选择3号"]);
      });
      //设置单选框和多选框选中
      $("input:eq(2)").click(function(){
             $(":checkbox").val(["check2","check3"]);
            $(":radio").val(["radio2"]);
      });    

  });
  //]]>
  </script>

26.Jquery层次选择器

$("div span") 选取<div>里的所有<span>元素

$("div >span") 选取<div>元素下元素名是<span>的子元素

$("#one +div") 选取id为one的元素的下一个<div>同辈元素    等同于$(#one).next("div")

$("#one~div") 选取id为one的元素的元素后面的所有<div>同辈元素    等同于$(#one).nextAll("div")

$(#one).siblings("div") 获取id为one的元素的所有<div>同辈元素（不管前后）

$(#one).prev("div") 获取id为one的元素的前面紧邻的同辈<div>元素

所以 获取元素范围大小顺序依次为：

$(#one).siblings("div")>$("#one~div")>$("#one +div")  或是

$(#one).siblings("div")>$(#one).nextAll("div")>$(#one).next("div")

$(this).prop("outerHTML") 获取自身的HTML

27.图片粘贴上传
http://www.cnblogs.com/Gyoung/p/4133151.html

 16.获取宽度

var width = window.screen.width;//通用，各浏览器都支持获取宽度