常用js函數

阿新 • • 發佈：2018-01-23

ica 刷新 last text string 初始 tor start screen

/** AJAX封裝原生js **/
ajax({
url:"https://open.weixin.qq.com/connect/qrconnect", //請求地址
type:"GET", //請求方式
data:{appid:"wx82670fae8b0fa28d",redirect_uri:"http://abc.lalabb.cn",response_type:"code",scope:"snsapi_login"}, // 請求參數
datatype:"json",
success:function(response,xml){
// 成功後執行的代碼
console.log(response);
},
fail:function(status){
// 失敗後執行的代碼
}
});

function ajax(options){
options = options || {};
options.type = (options.type || "GET").toUpperCase();
options.dataType = options.dataType || "json";
var params = formatParams(options.data);
//xhr 兼容IE6
if(window.XMLHttpRequest){
var xhr = new XMLHttpRequest();
}else{
var xhr = new ActiveXObject(‘Microsoft.XMLHTTP‘);
}
// 接收
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
var status = xhr.status;
if(status>=200 && status < 300){
options.success && options.success(xhr.responseText, xhr.responseXML);
}else{
options.fail && options.fail(status);
}
}
}
// 鏈接 / 發送
if(options.type == "GET"){
xhr.open("GET",options.url+"?"+params,true);
xhr.send(null);
}else if(options.type == "POST"){
xhr.open("POST",options.url,true);
// 設置表單提交時的內容類型
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.send(params);
}
}

// 格式化參數
function formatParams(data){
var arr = [];
for(var name in data){
arr.push(encodeURIComponent(name) + "=" + encodeURIComponent(data[name]));
}
arr.push(("v="+Math.random()).replace(".",""));
return arr.join("&");
}

/** 判斷微信內置瀏覽器 **/

=========================================================================================================================

jquery ajax函數

我自己封裝了一個ajax的函數，代碼如下：
var Ajax = function(url, type success, error) {
$.ajax({
url: url,
type: type,
dataType: ‘json‘,
timeout: 10000,
success: function(d) {
var data = d.data;
success && success(data);
},
error: function(e) {
error && error(e);
}
});
};
// 使用方法：
Ajax(‘/data.json‘, ‘get‘, function(data) {
console.log(data);
});
jsonp方式

有時候我們為了跨域，要使用jsonp的方法，我也封裝了一個函數：
function jsonp(config) {
var options = config || {}; // 需要配置url, success, time, fail四個屬性
var callbackName = (‘jsonp_‘ + Math.random()).replace(".", "");
var oHead = document.getElementsByTagName(‘head‘)[0];
var oScript = document.createElement(‘script‘);
oHead.appendChild(oScript);
window[callbackName] = function(json) { //創建jsonp回調函數
oHead.removeChild(oScript);
clearTimeout(oScript.timer);
window[callbackName] = null;
options.success && options.success(json); //先刪除script標簽，實際上執行的是success函數
};
oScript.src = options.url + ‘?‘ + callbackName; //發送請求
if (options.time) { //設置超時處理
oScript.timer = setTimeout(function () {
window[callbackName] = null;
oHead.removeChild(oScript);
options.fail && options.fail({ message: "超時" });
}, options.time);
}
};
// 使用方法：
jsonp({
url: ‘/b.com/b.json‘,
success: function(d){
//數據處理
},
time: 5000,
fail: function(){
//錯誤處理
}
});

常用正則驗證表達式：

*****手機號驗證
var validate = function(num) {
var exp = /^1[3-9]\d{9}$/;
return exp.test(num);
};

*****身份證號驗證
var exp = /^[1-9]{1}[0-9]{14}$|^[1-9]{1}[0-9]{16}([0-9]|[xX])$/;

*****ip驗證
var exp = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;

常用js函數：

**********返回頂部
$(window).scroll(function() {
var a = $(window).scrollTop();
if(a > 100) {
$(‘.go-top‘).fadeIn();
}else {
$(‘.go-top‘).fadeOut();
}
});
$(".go-top").click(function(){
$("html,body").animate({scrollTop:"0px"},‘600‘);
});

**********阻止冒泡
function stopBubble(e){
e = e || window.event;
if(e.stopPropagation){
e.stopPropagation(); //W3C阻止冒泡方法
}else {
e.cancelBubble = true; //IE阻止冒泡方法
}

}

**********全部替換replaceAll
var replaceAll = function(bigStr, str1, str2) { //把bigStr中的所有str1替換為str2
var reg = new RegExp(str1, ‘gm‘);
return bigStr.replace(reg, str2);
}

**********獲取瀏覽器url中的參數值
var getURLParam = function(name) {
return decodeURIComponent((new RegExp(‘[?|&]‘ + name + ‘=‘ + ‘([^&;]+?)(&|#|;|$)‘, "ig").exec(location.search) || [, ""])[1].replace(/\+/g, ‘%20‘)) || null;
};

*********深度拷貝對象
function cloneObj(obj) {
var o = obj.constructor == Object ? new obj.constructor() : new obj.constructor(obj.valueOf());
for(var key in obj){
if(o[key] != obj[key] ){
if(typeof(obj[key]) == ‘object‘ ){
o[key] = mods.cloneObj(obj[key]);
}else{
o[key] = obj[key];
}
}
}
return o;
}

********數組去重
var unique = function(arr) {
var result = [], json = {};
for (var i = 0, len = arr.length; i < len; i++){
if (!json[arr[i]]) {
json[arr[i]] = 1;
result.push(arr[i]); //返回沒被刪除的元素
}
}
return result;
};

**********判斷數組元素是否重復
var isRepeat = function(arr) { //arr是否有重復元素
var hash = {};
for (var i in arr) {
if (hash[arr[i]]) return true;
hash[arr[i]] = true;
}
return false;
};

**********生成隨機數
function randombetween(min, max){
return min + (Math.random() * (max-min +1));
}

************操作cookie
own.setCookie = function(cname, cvalue, exdays){
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = ‘expires=‘+d.toUTCString();
document.cookie = cname + ‘=‘ + cvalue + ‘; ‘ + expires;
};
own.getCookie = function(cname) {
var name = cname + ‘=‘;
var ca = document.cookie.split(‘;‘);
for(var i=0; i< ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ‘ ‘) c = c.substring(1);
if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
}
return ‘‘;
};

*************知識技巧總結

數據類型

underfined、null、0、false、NaN、空字符串。他們的邏輯非結果均為true。

閉包格式
好處：避免命名沖突（全局變量汙染）。
(function(a, b) {
console.log(a+b); //30
})(10, 20);

截取和清空數組
var arr = [12, 222, 44, 88];
arr.length = 2; //截取，arr = [12, 222];
arr.length = 0; //清空，arr will be equal to [].

獲取數組的最大最小值
var numbers = [5, 45822, 120, -215];
var maxInNumbers = Math.max.apply(Math, numbers); //45822
var minInNumbers = Math.min.apply(Math, numbers); //-215

浮點數計算問題
0.1 + 0.2 == 0.3 //false
為什麽呢？因為0.1+0.2等於0.30000000000000004。JavaScript的數字都遵循IEEE 754標準構建，在內部都是64位浮點小數表示。可以通過使用toFixed()來解決這個問題。

數組排序sort函數
var arr = [1, 5, 6, 3]; //數字數組
arr.sort(function(a, b) {
return a - b; //從小到大排
return b - a; //從大到小排
return Math.random() - 0.5; //數組洗牌
});
var arr = [{ //對象數組
num: 1,
text: ‘num1‘
}, {
num: 5,
text: ‘num2‘
}, {
num: 6,
text: ‘num3‘
}, {
num: 3,
text: ‘num4‘
}];
arr.sort(function(a, b) {
return a.num - b.num; //從小到大排
return b.num - a.num; //從大到小排
});

對象和字符串的轉換
var obj = {a: ‘aaa‘, b: ‘bbb‘};
var objStr = JSON.stringify(obj); // "{"a":"aaa","b":"bbb"}"
var newObj = JSON.parse(objStr); // {a: "aaa", b: "bbb"}

常用js函數

常用js函數

一些常用JS函數和技巧總結

常用js函數

常用的js函數

字符串常用-----atof()函數，atoi()函數

js函數節流(解決頻繁觸發函數的性能問題)

Node.js 函數

JS函數和對象（一）

PHP執行系統命令的有幾個常用的函數

JS函數

JS函數動作分層結構詳解及Document.getElementById 釋義事件函數變量 script標簽 var function

js函數前加感嘆號和分號作用

獲取當前的日期時間的js函數,格式為“yyyy-MM-dd hh:mm:ss”

JS函數的定義與調用方法

cocos2d JS 函數類型相互轉換(字符串、整形、浮點形、布爾值)

js函數庫

JavaScript入門：006—JS函數的定義

js函數定義和調用

JS函數大全莫名其妙找到的

python3常用輔助函數

SQL Server 中截取字符串常用的函數

常用js函數

相關推薦