js常用功能汇总（100%实用）

获取一个class中的所有input值：

 $(".department").each(function() {
     var $this = $(this);
     alert($this.val());
   })

js字符串的截取：

sbustr 方法
返回一个从指定位置开始的指定长度的字符串
stringvar.substr(start,lenth);
 
substring 方法
返回位于String对象中指定位置的子字符串
strVariable.substring(start,end);

判断一个元素是否在一个数组中：

var depts = 【“1”，“2”，“3”】；
alert($.inArray(“1”, depts));

html()与append()的区别

append是追加，html是完全替换
比如<p id="1"><p>123</p></p>
$("#1").html("<span>456</span>");
结果是：<p id="1"><span>456</span></p>
 
$("#1").append("<span></span>");
结果是：<p id="1"><p>123</p><span>456</span></p>

分割字符串split

var index=[898987&55440gfhfgh&ghf]
var index1=index.split("&")
输出：898987，55440gfhfgh，ghf

防止重复点击、防止点击过快

var isclick= true;
function click(){
 if(isclick){
  isclick = false;
  //下面添加需要执行的事件
  ...
 }

还可以设置定时器，在一定时间后，自动将开关变为 true，下面例子就是在 500 毫秒后，开关自动变为 true。

var isclick= true;
function click(){
 if(isclick){
  isclick= false;
  //下面添加需要执行的事件
   ...

  //定时器
  setTimeout(function(){
   isclick = true;
  }, 500);
 }

jquery 实现 60 秒倒计时

方法1：

 var time = 60;
//倒计时
function getRandomCode() {
 if (time === 0) {
  time = 60;
  return;
 } else {
  time--;
  $('#time i').text(time);
 }
 setTimeout(function() {
  getRandomCode();
 },1000);

方法2：

var timeClock;
function sendCode() {
 var timer_num = 60;
 timeClock=setInterval(function(){
  timer_num--;
  $('.clock').html(timer_num);

  if (timer_num == 0) {
   clearInterval(timeClock);
   $('.clock').html(60);
  }
 },1000)

获取 URL 传输参数（支持中文）

function getQueryString(name) {
 var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
 var r = window.location.search.substr(1).match(reg);
 if (r != null) {
  return decodeURI(r[2]);
 }
 return null;
}
//调用方法
GetQueryString("参数名")

canvas 图片下载(兼容各浏览器)

// 保存成png格式的图片
 document.getElementById("save").onclick = function () {
  var canvas = document.getElementById("canvas");
  if (window.navigator.msSaveOrOpenBlob) {//ie浏览器
   var imgData = canvas.msToBlob();
   var blobObj = new Blob([imgData]);
   window.navigator.msSaveOrOpenBlob(blobObj, "专家认证二维码.png");
  } else {//谷歌火狐浏览器
   downLoad(canvas.toDataURL("image/png"));
  }
 }

 // 下载图片
 function downLoad(url) {
  var oA = document.createElement("a");
  oA.download = '专家认证二维码';// 设置下载的文件名，默认是'下载'
  oA.href = url;
  oA.className = "qrcode"
  document.body.appendChild(oA);
  oA.click();
  oA.remove(); // 下载之后把创建的元素删除
 }

JavaScript 获取完整当前域名

window.location.protocol+"//"+window.location.host; // 返回https://mp.csdn.net
window.location.host; //返回url 的主机部分，例如：mp.csdn.net
window.location.hostname; //返回mp.csdn.net
window.location.href; //返回整个url字符串(在浏览器中就是完整的地址栏)
window.location.pathname; //返回/a/index.php或者/index.php
window.location.protocol; //返回url 的协议部分，例如： http:，ftp:，maito:等等。
window.location.port //url 的端口部分，如果采用默认的80端口，那么返回值并不是默认的80而是空字符