在js中,只要不是在函數內部聲明的函數都是全局變量了,如果代碼量大的情況全局變量的污染是非常可怕的,所以需要造輪子聲明自己的變量和自己的全局變量和函數方法
一,聲明一個對象
先簡單的聲明一個對象tool={},這樣就可以了,這樣一個簡單的全局對象就弄好了
二,聲明方法和變量
這時候定義方法和變量就可以這樣了
1 window.tool = {} 2 window.tool.cip = localStorage.cip; 3 4 //url 5 tool.urlHeader = 'http://192.168.1.56:9092/'; 6 7 tool.urlHeader2 = 'http://192.168.1.239:9095/'; 8 9 tool.keyDownEnter = function (text, clickBtn) { 10 $(text).on("keydown", function(e) { 11 if(e.keyCode == 13) { 12 $(clickBtn).click(); 13 } 14 }) 15 }
這樣定義出來的方法和都不是全局的哦,不會在隨手打代碼的時候引用出來,這樣可以有效的防止全局變量的污染
三,目前我封裝的一些有用的方法和實例
//獲取uri中的data
tool.getQueryString = function (name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r != null) return unescape(r[2]);
return null;
}
//獲取回車鍵並單擊按鈕
tool.keyDownEnter = function (text, clickBtn) {
$(text).on("keydown", function(e) {
if(e.keyCode == 13) {
$(clickBtn).click();
}
})
}
//判斷值是否在數組中存在過
tool.arrayIndexOf=function(arr,sel){
for (var f1 in arr) {
if (arr[f1].indexOf(sel) > -1) {
return true;
}
}
return false;
}
//封裝的一個簡單實用的ajax
tool.Ajax = function(type, url, funcS, header, data, async,beforeSend) {
tool.setInfo();
if(type == 'get')
$.ajax({
type: "get",
dataType: "json",
contentType: 'application/json',
url: url,
headers: header == null ? tool.headers : header,
success: funcS,
error: function(data) {
console.log(data);
console.log(localStorage.us)
},
beforeSend:beforeSend,
async: async == null ? true : async
});
else
$.ajax({
type: "post",
dataType: "json",
contentType: 'application/json',
url: url,
data: data,
beforeSend:beforeSend,
headers: header == null ? tool.headers : header,
success: funcS,
error: function(data) {
console.log(data)
console.log(localStorage.us)
},
async: async == null ? true : async
});
}
//用min和max產生隨機數,round是取整
tool.getRandom=function(min,max,round){
if(round){
return Math.round(Math.random()*(max-min))+min;
}else{
return (Math.random()*(max-min))+min;
}
}
//讓class=double的文本框只允許輸入數字和小數點
$(".double").bind("keypress", function(event) {
var event= event || window.event;
var getValue = $(this).val();
//控制第一個不能輸入小數點"."
if (getValue.length == 0 && event.which == 46) {
event.preventDefault();
return;
}
//控制只能輸入一個小數點"."
if (getValue.indexOf('.') != -1 && event.which == 46) {
event.preventDefault();
return;
}
//控制只能輸入的值
if (event.which && (event.which < 48 || event.which > 57) && event.which != 8 && event.which != 46) {
event.preventDefault();
return;
}
})
//失去焦點是觸發
$(".double").bind("blur", function(event) {
var value = $(this).val(), reg = /\.$/;
if (reg.test(value)) {
value = value.replace(reg, "");
$(this).val(value);
}
})
//讓class=number的文本框只能輸入數字
$(".number").keypress(function(event) {
var keyCode = event.which;
if (keyCode >= 48 && keyCode <=57)
return true;
else
return false;
}).focus(function() {
this.style.imeMode='disabled';
});
