常用Javascript函数与原型功能有哪些？
常用Javascript函数与原型功能有哪些？
如下所示：
// 重复字符串
String.prototype.repeat = function(n) {
return new Array(n+1).join(this);
}
// 替换全部
String.prototype.replaceAll = function(str1, str2) {
return this.replace(new RegExp(str1, "gm"), str2);
}
// 清除空格
String.prototype.trim = function() {
return this.replace(/^\s*(.*?)\s+$/, "$1");
}
// 计算数组中的最大值
Array.prototype.max = function() {
return Math.max.apply({}, this);
}
// 计算数组中的最小值
Array.prototype.min = function() {
return Math.min.apply({}, this);
}
// 复制数组
Array.prototype.copy = function() {
return [].concat(this);
};
// 去除数组中指定元素，只能去除一个，如果想多个，之前先用unique处理
Array.prototype.remove = function(value){
for (var i = 0, len = this.length; i < len; i++) {
if (this[i] == value) {
this.splice(i, 1);
break;
}
}
return this;
}
// 判断数组中是否存在指定元素，返回索引值
Array.prototype.inArray = function(value) {
var index = -1, key;
for (key in this) {
if (this[key] == value) {
index = key;
break;
}
}
return index;
}
// 去除数组中的重复元素
Array.prototype.unique = function() {
var key, ret = [];
for (key in this) {
if (ret.inArray(this[key]) < 0) {
ret.push(this[key]);
}
}
return ret;
}
// 检测是否已经安装flash，检测flash的版本
var flashVersion = (function() {
var version;
try {
version = navigator.plugins['Shockwave Flash'];
version = version.description;
} catch (ex) {
try {
version = new ActiveXObject('ShockwaveFlash.ShockwaveFlash')
.GetVariable('$version');
} catch (ex2) {
version = '0.0';
}
}
version = version.match(/\d+/g);
return parseFloat(version[0] + '.' + version[1], 10);
})();
// 检测是否支持transition
var supportTransition = (function() {
var s = document.createElement('p').style,
r = 'transition' in s ||
'WebkitTransition' in s ||
'MozTransition' in s ||
'msTransition' in s ||
'OTransition' in s;
s = null;
return r;
})();
// 判断浏览器是否支持图片的base64
var isSupportBase64 = (function() {
var data = new Image();
var support = true;
data.onload = data.onerror = function() {
if (this.width != 1 || this.height != 1) {
support = false;
}
return support;
};
data.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
})();
// 首字母大写
function ucfirst(str) {
return str.charAt(0).toUpperCase() + str.slice(1);
}
// 清除左空格
function ltrim(str) {
return str.replace(/^(\s*|*)/, "");
}
// 清除右空格
function rtrim(str) {
return str.replace(/(\s*|*)$/, "");
}
// 设置Cookie值
function setCookie(name, value, hours, path, domain) {
var d = new Date();
var offset = 8;
var utc = d.getTime() + (d.getTimezoneOffset() * 60000);
var nd = utc + (3600000 * offset);
var expire = new Date(nd);
expire.setTime(expire.getTime() + hours * 60 * 60 * 1000);
var path = path || "";
var domain = domain || "";
document.cookie = name + "=" + escape(value) + ";path="+ path +";expires=" + expire.toGMTString() + ";domain="+ domain +";"
}
// 获取Cookie值
function getCookie(name) {
var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
if (arr != null) {
return unescape(arr[2]);
}
return null;
}
// 删除Cookie值
function removeCookie(name) {
setCookie(name, "", -1);
}
// 生成范围随机数
function rand(n, m) {
return Math.random() * (m - n) + n;
}
// 加入收藏夹
function addFavorite(url, title) {
try {
window.external.addFavorite(url, title);
} catch(e) {
try {
window.sidebar.addPanel(title, url, "");
} catch(e) {
alert("加入收藏失败，请使用Ctrl+D进行添加");
}
}
}
// 设为首页
function setHomepage(url) {
if (document.all) {
document.body.style.behavior = 'url(#default#homepage)';
document.body.setHomePage(url);
} else if (window.sidebar) {
if (window.netscape) {
try {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch(e) {
alert("该操作被浏览器拒绝，如果想启用该功能，请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true");
}
}
var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
prefs.setCharPref('browser.startup.homepage', url);
}
}
// 加载样式文件
function loadStyle(url) {
try {
document.createStyleSheet(url);
} catch(e) {
var cssLink = document.createElement('link');
cssLink.rel = 'stylesheet';
cssLink.type = 'text/css';
cssLink.href = url;
var head = document.getElementsByTagName('head')[0];
head.appendChild(cssLink)
}
}
// 清除脚本内容
function stripscript(str) {
return str.replace(/<script.*?>.*?<\/script>/ig, '');
}
// 检验URL链接是否有效
function getUrlState(url) {
var xmlhttp = new ActiveXObject("microsoft.xmlhttp");
xmlhttp.open("GET", url, false);
try {
xmlhttp.send();
} catch(e) {
} finally {
var result = xmlhttp.responseText;
if (result) {
if (xmlhttp.status == 200) {
return true;
} else {
return false;
}
} else {
return false;
}
}
}
// 格式化CSS代码
function formatCss(str){
str = str.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");
str = str.replace(/;\s*;/g, ";"); //清除连续分号
str = str.replace(/\,[\s\.\#\d]*{/g, "{");
str = str.replace(/([^\s])\{([^\s])/g, "$1 {\n\t$2");
str = str.replace(/([^\s])\}([^\n]*)/g, "$1\n}\n$2");
str = str.replace(/([^\s]);([^\s\}])/g, "$1;\n\t$2");
return str;
}
// 压缩CSS代码
function compressCss (str) {
str = str.replace(/\/\*(.|\n)*?\*\//g, ""); //删除注释
str = str.replace(/\s*([\{\}\:\;\,])\s*/g, "$1");
str = str.replace(/\,[\s\.\#\d]*\{/g, "{"); //容错处理
str = str.replace(/;\s*;/g, ";"); //清除连续分号
str = str.match(/^\s*(\S+(\s+\S+)*)\s*$/); //去掉首尾空白
return (str == null) ? "" : s[1];
}
// getElementsByClassName
function getElementsByClassName(name, context) {
var context = context || document;
if (context.getElementsByClassName) {
return context.getElementsByClassName(name);
}
var nodes = context.getElementsByTagName("*"), nodesLength = nodes.length, ret = [];
for (var i = 0; i < nodesLength; i++) {
var className = nodes[i].className;
if (nodes[i].nodeType == 1 && className) {
var classes = className.split(' ');
for (var j = 0; j < classes.length; j++) {
if (name == classes[j]) {
ret.push(nodes[i]);
break
}
}
}
}
return ret;
}
// 获取页面高度
function getPageHeight() {
var doc = document;
var rot = doc.compatMode == "BackCompat" ? doc.body : doc.documentElement;
return Math.max(doc.documentElement.scrollHeight, doc.body.scrollHeight, rot.clientHeight);
}
// 获取页面scrollLeft
function getPageScrollLeft() {
var doc = document;
return doc.documentElement.scrollLeft || doc.body.scrollLeft;
}
// 获取页面可视宽度
function getPageViewWidth() {
var doc = document;
var rot = doc.compatMode == "BackCompat" ? doc.body : doc.documentElement;
return rot.clientWidth;
}
// 获取页面宽度
function getPageWidth(){
var doc = document;
var rot = doc.compatMode == "BackCompat" ? doc.body : doc.documentElement;
return Math.max(doc.documentElement.scrollWidth, doc.body.scrollWidth, rot.clientWidth);
}
// 获取页面scrollTop
function getPageScrollTop(){
var doc = document;
return doc.documentElement.scrollTop || doc.body.scrollTop;
}
// 获取页面可视高度
function getPageViewHeight() {
var doc = document;
var rot = doc.compatMode == "BackCompat" ? doc.body : doc.documentElement;
return rot.clientHeight;
}
// 获取网页被卷去的位置
function getScrollXY() {
return document.body.scrollTop ? {
x : document.body.scrollLeft,
y : document.body.scrollTop
} : {
x : document.documentElement.scrollLeft,
y : document.documentElement.scrollTop
}
}
// 获取元素的样式值
function getStyle(elem, name) {
if (elem.style[name]) {
return elem.style[name];
} else if (elem.currentStyle) {
return elem.currentStyle[name];
} else if (document.defaultView && document.defaultView.getComputedStyle) {
var s = document.defaultView.getComputedStyle(elem, "");
return s && s.getPropertyValue(name);
} else {
return null;
}
}
// 获取元素相对于这个页面的X坐标
function pageX(elem) {
return elem.offsetParent ? (elem.offsetLeft + pageX(elem.offsetParent)) : elem.offsetLeft;
}
// 获取元素相对于这个页面的Y坐标
function pageY(elem) {
return elem.offsetParent ? (elem.offsetTop + pageY(elem.offsetParent)) : elem.offsetTop;
}
// 获取元素相对于父元素的X坐标
function parentX(elem) {
return elem.parentNode == elem.offsetParent ? elem.offsetLeft : pageX(elem) - pageX(elem.parentNode);
}
// 获取元素相对于父元素的Y坐标
function parentY(elem) {
return elem.parentNode == elem.offsetParent ? elem.offsetTop : pageY(elem)-pageY(elem.parentNode);
}
// 获取使用CSS定位的元素的X坐标
function posX(elem) {
return parseInt(getStyle(elem, "left"));
}
// 获取使用CSS定位的元素的Y坐标
function posY(elem) {
return parseInt(getStyle(elem, "top"));
}
// 设置元素X位置
function setX(elem, pos) {
elem.style.left = pos + "px";
}
// 设置元素Y位置
function setY(elem, pos) {
elem.style.top = pos + "px";
}
// 增加元素X坐标
function addX(elem, pos) {
set(elem, (posX(elem) + pos));
}
// 增加元素Y坐标
function addY(elem, pos) {
set(elem, (posY(elem) + pos));
}
// 获取元素使用CSS控制大小的高度
function getHeight(elem) {
return parseInt(getStyle(elem, "height"));
}
// 获取元素使用CSS控制大小的宽度
function getWidth(elem) {
return parseInt(getStyle(elem, "width"));
}
// 设置透明度
function setOpacity(elem, num) {
if (elem.filters) {
elem.style.filter="alpha(opacity="+ num +")";
} else {
elem.style.opacity = num/100;
}
}
// 获取鼠标光标相对于整个页面的X位置
function getX(e) {
e = e || window.event;
return e.pageX || e.clientX + document.body.scrollLeft;
}
// 获取鼠标光标相对于整个页面的Y位置
function getY(e) {
e = e || window.event;
return e.pageY || e.clientY + document.body.scrollTop;
}
// 获取鼠标光标相对于当前元素的X位置
function getElementX(e) {
return (e && e.layerX) || window.event.offsetX;
}
// 获取鼠标光标相对于当前元素的Y位置
function getElementY(e) {
return (e && e.layerY) || window.event.offsetY;
}
// 获取滚动条的X位置
function scrollX() {
var de = document.documentElement;
return self.pageXOffset || (de && de.scrollLeft) || document.body.scrollLeft;
}
// 获取滚动条的Y位置
function scrollY() {
var de = document.documentElement;
return self.pageYOffset || (de && de.scrollTop) || document.body.scrollTop;
}
// 确认是否键盘有效输入值
function checkKey(iKey) {
if (iKey == 32 || iKey == 229) {return true;} /*空格和异常*/
if (iKey>47 && iKey < 58) {return true;} /*数字*/
if (iKey>64 && iKey < 91) {return true;} /*字母*/
if (iKey>95 && iKey < 108) {return true;} /*数字键盘1*/
if (iKey>108 && iKey < 112) {return true;} /*数字键盘2*/
if (iKey>185 && iKey < 193) {return true;} /*符号1*/
if (iKey>218 && iKey < 223) {return true;} /*符号2*/
return false;
}
// 获得URL中GET参数值
function getParams() {
var queryStr = window.location.href.split("?");
var params = [];
if (queryStr[1]) {
var gets = queryStr[1].split("&");
for (var i = 0; i < gets.length; i++) {
temp = gets.split("=");
params[temp[0]] = temp[1];
}
}
return params;
}
// 字符串反序
function strReverse(text) {
return text.split('').reverse().join('');
}
// HTML实体
function htmlEncode(str) {
var s = "";
if (str.length == 0) return "";
s = str.replace(/\&/g, "&");
s = s.replace(/</g, "<");
s = s.replace(/>/g, ">");
s = s.replace(/\'/g, "'");
s = s.replace(/\"/g, "&qout;");
return s;
}
// HTML还原
function htmlDecode(str) {
var s = "";
if (str.length == 0) return "";
s = str.replace(/&/g, "&");
s = s.replace(/</g, "<");
s = s.replace(/>/g, ">");
s = s.replace(/'/g, "\'");
s = s.replace(/&qout;/g, "\"");
return s;
}
// 克隆
function clone(obj) {
var ret;
switch (typeof obj) {
case 'undefined':
break;
case 'string':
ret = obj + '';
break;
case 'number':
ret = obj - 0;
break;
case 'boolean':
ret = obj;
break;
case 'object':
if (obj === null) {
ret = null;
} else {
if (obj instanceof Array) {
ret = [];
for (var i = 0, len = obj.length; i < len; i++) {
ret.push(clone(obj[i]));
}
} else {
ret = {};
for (var k in obj) {
ret[k] = clone(obj[k]);
}
}
}
break;
default:
ret = obj;
break;
}
return ret;
}
// 检测变量是否为email格式
function isEmail(mail) {
if (/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(mail)) {
return true;
}
return false;
}
// 验证身份证号码
function isIdenCode(code){
var city={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"};
var tip = "";
var pass = true;
if (!code || !/^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/i.test(code)) {
tip = "身份证号格式错误";
pass = false;
} else if (!city[code.substr(0,2)]) {
tip = "地址编码错误";
pass = false;
} else {
//18位身份证需要验证最后一位校验位
if(code.length == 18){
code = code.split('');
//∑(ai×Wi)(mod 11)
//加权因子
var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];
//校验位
var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];
var sum = 0;
var ai = 0;
var wi = 0;
for (var i = 0; i < 17; i++) {
ai = code[i];
wi = factor[i];
sum += ai * wi;
}
var last = parity[sum % 11];
if (parity[sum % 11] != code[17]) {
tip = "校验位错误";
pass = false;
}
}
}
return pass;
}
// 检测变量是否为小数
function isDecimal(dec){
if (dec.match(/^-?\d+(\.\d+)?$/g) == null) {
return false;
}
return true;
}
// 检测变量是否为整型
function isInteger(num){
if (num.match(/^[-+]?\d*$/) == null) {
return false;
}
return true;
}
// 检测变量是否为时间格式
function checkTime(str) {
var time = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/);
if (time == null) {
return false;
}
if (time[1] > 24 || time[3] > 60 || time[4] > 60) {
return false
}
return true;
}
// 检测变量类型是否为日期格式
function checkDate(str) {
var date = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
if (date == null) {
return false;
}
var d = new Date(r[1], r[3]-1, r[4]);
return (d.getFullYear() == r[1] && (d.getMonth()+1) == r[3] && d.getDate() == r[4]);
}
// 检测变量是否为长日期格式
function checkDateTime(str) {
var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;
var dt = str.match(reg);
if (dt == null) {
return false;
}
var d = new Date(dt[1], dt[3]-1, dt[4], dt[5], dt[6], dt[7]);
return (d.getFullYear() == dt[1] && (d.getMonth()+1) == dt[3] && d.getDate() == dt[4] && d.getHours() == dt[5] && d.getMinutes() == dt[6] && d.getSeconds() == dt[7]);
}
// 检测变量是否为未定义
function isUndefined(val) {
return typeof val === 'undefined';
}
// 检测变量是否为定义
function isDefined(val) {
return typeof val !== 'undefined';
}
// 检测变量类型是否为对象
function isObject(val) {
return val !== null && typeof val === 'object';
}
// 检测变量类型是否为空对象
function isBlankObject(val) {
return val !== null && typeof val === 'object' && !Object.getPrototypeOf(val);
}
// 检测变量类型是否为字符串
function isString(val) {
return typeof val === 'string';
}
// 检测变量类型是否为数字
function isNumber(val) {
return typeof val === 'number';
}
// 检测变量类型是否为日期
function isDate(val) {
return toString.call(val) === '[object Date]';
}
// 检测变量类型是否为函数
function isFunction(val) {
return typeof val === 'function';
}
// 检测变量类型是否为正则表达式
function isRegExp(val) {
return toString.call(val) === '[object RegExp]';
}
// 检测变量是否window窗体对象
function isWindow(obj) {
return obj && obj.window === obj;
}
// 检测变量类型是否为布尔
function isBoolean(val) {
return typeof val === 'boolean';
}
// 检测变量类型是否为文件对象
function isFile(obj) {
return toString.call(obj) === '[object File]';
}
// 检测变量类型是否为表单对象
function isFormData(obj) {
return toString.call(obj) === '[object FormData]';
}
// 检测变量类型是否为二进制对象
function isBlob(obj) {
return toString.call(obj) === '[object Blob]';
}
// 转全角字符
function toDBC(str) {
var result = "";
var len = str.length;
for (var i = 0; i < len; i++) {
var code = str.charCodeAt(i);
//全角与半角相差（除空格外）：65248(十进制)
code = (code >= 0x0021 && code <= 0x007E) ? (code + 65248) : code;
//处理空格
code = (code == 0x0020) ? 0x03000 : code;
result += String.fromCharCode(code);
}
return result;
}
// 转半角字符
function toSBC(str) {
var result = "";
var len = str.length;
for (var i = 0; i < len; i++) {
var code = str.charCodeAt(i);
//全角与半角相差（除空格外）：65248（十进制）
code = (code >= 0xFF01 && code <= 0xFF5E) ? (code - 65248) : code;
//处理空格
code = (code == 0x03000) ? 0x0020 : code;
result += String.fromCharCode(code);
}
return result;
}
// 全角半角转换
// angle: 0全到半，1半到全，其他不转化
function chgAngle(str, angle) {
if (typeof str != "string" || str.length <= 0 || !(angle === 0 || angle == 1)) {
return str;
}
var i, len, ret = [], code;
if (angle) {
/*半->全*/
for (i = 0, len = str.length; i < len; i++) {
code = str.charCodeAt(i);
if (code == 32) {
code = 12288;
} else if (code < 127) {
code += 65248;
}
ret.push(String.fromCharCode(code));
}
} else {
/*全->半*/
for (i = 0, len = str.length; i < len; i++) {
code = str.charCodeAt(i);
if (code == 12288) {
code = 32;
} else if (code > 65280 && code < 65375) {
code -= 65248;
}
ret.push(String.fromCharCode(code));
}
}
return ret.join("");
}
// 数据的本地化存储
function makeWebStorage() {
//IE用userdata实现，w3c浏览器本身支持
if (("localStorage" in window)) {
var store = {
set : function(key, value) {localStorage.setItem(key, value)},
get : function(key) {return localStorage.getItem(key)},
remove : function(key) {return localStorage.removeItem(key)}
}
} else {
var store = {
userData : null,
name : location.hostname,
init : function () {
if (!store.userData) {
try {
store.userData = document.createElement('INPUT');
store.userData.type = "hidden";
store.userData.style.display = "none";
store.userData.addBehavior("#default#userData");
document.body.appendChild(store.userData);
var expires = new Date();
expires.setDate(expires.getDate() + 365);
store.userData.expires = expires.toUTCString();
} catch (e) {
return false;
}
}
return true;
},
setItem : function(key, value) {
if (store.init()) {
store.userData.load(store.name);
store.userData.setAttribute(key, value);
store.userData.save(store.name);
}
},
getItem : function(key) {
if (store.init()) {
store.userData.load(store.name);
return store.userData.getAttribute(key);
}
},
remove : function(key) {
if (store.init()) {
store.userData.load(store.name);
store.userData.removeAttribute(key);
store.userData.save(store.name);
}
}
};
}
window.webStorage = store;
}
function makeSessionStorage() {
if (("sessionStorage" in window)) {
var store = {
set : function(key, value) {window.sessionStorage.setItem(key, value)},
get : function(key) {return window.sessionStorage.getItem(key)},
remove : function(key) {return window.sessionStorage.removeItem(key)}
}
} else {
var store = {
set : function(key, value) {},
get : function(key) {},
remove : function(key) {}
}
}
window.sessStorage = store;
}
以上就是小编为大家带来的常用Javascript函数与原型功能收藏(必看篇)全部内容了，希望大家多多支持路饭~