61、原生JavaScript解决offsetX兼容性问题
//针对火狐不支持offsetX/Y
functiongetOffset(e){
var target= e.target, // 当前触发的目标对象
eventCoord,
pageCoord,
offsetCoord;
//计算当前触发元素到文档的距离
pageCoord =getPageCoord(target);
//计算光标到文档的距离
eventCoord= {
X :window.pageXOffset + e.clientX,
Y :window.pageYOffset + e.clientY
};
//相减获取光标到第一个定位的父元素的坐标
offsetCoord= {
X :eventCoord.X - pageCoord.X,
Y :eventCoord.Y - pageCoord.Y
};
returnoffsetCoord;
}
functiongetPageCoord(element){
var coord ={ X : 0, Y : 0 };
//计算从当前触发元素到根节点为止,
// 各级offsetParent 元素的 offsetLeft 或 offsetTop 值之和
while(element){
coord.X+= element.offsetLeft;
coord.Y+= element.offsetTop;
element =element.offsetParent;
}
returncoord;
}
62、原生JavaScript常用的正则表达式
//正整数
/^[0-9]*[1-9][0-9]*$/;
//负整数
/^-[0-9]*[1-9][0-9]*$/;
//正浮点数
/^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/;
//负浮点数
/^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/;
//浮点数
/^(-?\d+)(\.\d+)?$/;
//email地址
/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
//url地址
/^[a-zA-z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$/;
//年/月/日(年-月-日、年.月.日)
/^(19|20)\d\d[- /.](0[1-9]|1[012])[-/.](0[1-9]|[12][0-9]|3[01])$/;
//匹配中文字符
/[\u4e00-\u9fa5]/;
//匹配帐号是否合法(字母开头,允许5-10字节,允许字母数字下划线)
/^[a-zA-Z][a-zA-Z0-9_]{4,9}$/;
//匹配空白行的正则表达式
/\n\s*\r/;
//匹配中国邮政编码
/[1-9]\d{5}(?!\d)/;
//匹配身份证
/\d{15}|\d{18}/;
//匹配国内电话号码
/(\d{3}-|\d{4}-)?(\d{8}|\d{7})?/;
//匹配IP地址
/((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)/;
//匹配首尾空白字符的正则表达式
/^\s*|\s*$/;
//匹配HTML标记的正则表达式
<(\S*?)[^>]*>.*?|< .*? />;
63、原生JavaScript实现返回顶部的通用方法
functionbackTop(btnId) {
var btn =document.getElementById(btnId);
var d =document.documentElement;
var b =document.body;
window.onscroll = set;
btn.style.display = "none";
btn.onclick = function() {
btn.style.display = "none";
window.onscroll = null;
this.timer = setInterval(function() {
d.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1);
b.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1);
if ((d.scrollTop + b.scrollTop) == 0) clearInterval(btn.timer,window.onscroll = set);
},
10);
};
functionset() {
btn.style.display = (d.scrollTop + b.scrollTop > 100) ? 'block':"none"
}
};
backTop('goTop');
64、原生JavaScript获得URL中GET参数值
// 用法:如果地址是test.htm?t1=1&t2=2&t3=3, 那么能取得:GET["t1"],GET["t2"], GET["t3"]
functionget_get(){
querystr =window.location.href.split("?")
if(querystr[1]){
GETs =querystr[1].split("&")
GET =newArray()
for(i=0;i<GETs.length;i++){
tmp_arr= GETs[i].split("=")
key=tmp_arr[0]
GET[key] = tmp_arr[1]
}
}
returnquerystr[1];
}
65、原生JavaScript实现全选通用方法
function checkall(form, prefix, checkall) {
varcheckall = checkall ? checkall : 'chkall';
for(var i= 0; i < form.elements.length; i++) {
var e= form.elements[i];
if(e.type=="checkbox"){
e.checked = form.elements[checkall].checked;
}
}
}
66、原生JavaScript实现全部取消选择通用方法
function uncheckAll(form) {
for (vari=0;i<form.elements.length;i++){
var e= form.elements[i];
if(e.name != 'chkall')
e.checked=!e.checked;
}
}
67、原生JavaScript实现打开一个窗体通用方法
functionopenWindow(url,windowName,width,height){
var x =parseInt(screen.width / 2.0) - (width / 2.0);
var y =parseInt(screen.height / 2.0) - (height / 2.0);
varisMSIE= (navigator.appName == "Microsoft Internet Explorer");
if(isMSIE) {
var p= "resizable=1,location=no,scrollbars=no,width=";
p =p+width;
p =p+",height=";
p =p+height;
p =p+",left=";
p =p+x;
p =p+",top=";
p =p+y;
retval = window.open(url, windowName, p);
} else {
varwin = window.open(url, "ZyiisPopup", "top=" + y +",left=" + x + ",scrollbars=" + scrollbars +",dialog=yes,modal=yes,width=" + width + ",height=" +height + ",resizable=no" );
eval("try { win.resizeTo(width, height); } catch(e) { }");
win.focus();
}
}
68、原生JavaScript判断是否为客户端设备
functionclient(o){
var b= navigator.userAgent.toLowerCase();
var t= false;
if (o== 'isOP'){
t = b.indexOf('opera') > -1;
}
if (o== 'isIE'){
t = b.indexOf('msie') > -1;
}
if (o== 'isFF'){
t = b.indexOf('firefox') > -1;
}
returnt;
}
69、原生JavaScript获取单选按钮的值
functionget_radio_value(field){
if(field&&field.length){
for(var i=0;i<field.length;i++){
if(field[i].checked){
return field[i].value;
}
}
}else{
return ;
}
}
70、原生JavaScript获取复选框的值
functionget_checkbox_value(field){
if(field&&field.length){
for(var i=0;i<field.length;i++){
if(field[i].checked && !field[i].disabled){
return field[i].value;
}
}
}else {
return;
}
}
71、原生JavaScript判断是否为邮箱
function isEmail(str){
varre=/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
if(re.test(str) != true) {
returnfalse;
}else{
returntrue;
}
}
72、原生JavaScript判断是否有列表中的危险字符
function isValidReg(chars){
varre=/<|>|\[|\]|\{|\}|『|』|※|○|●|◎|§|△|▲|☆|★|◇|◆|□|▼|㊣|﹋|⊕|⊙|〒|ㄅ|ㄆ|ㄇ|ㄈ|ㄉ|ㄊ|ㄋ|ㄌ|ㄍ|ㄎ|ㄏ|ㄐ|ㄑ|ㄒ|ㄓ|ㄔ|ㄕ|ㄖ|ㄗ|ㄘ|ㄙ|ㄚ|ㄛ|ㄜ|ㄝ|ㄞ|ㄟ|ㄢ|ㄣ|ㄤ|ㄥ|ㄦ|ㄧ|ㄨ|ㄩ|■|▄|▆|\*|@|#|\^|\\/;
if(re.test( chars) == true) {
returnfalse;
}else{
returntrue;
}
}
73、原生JavaScript判断字符串是否大于规定的长度
function isValidLength(chars, len) {
if(chars.length < len) {
returnfalse;
}
returntrue;
}
74、原生JavaScript判断字符串是为网址不区分大小写
functionisValidURL( chars ) {
varre=/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(\S+\.\S+)$/;
if(!isNULL(chars)) {
chars= jsTrim(chars);
if(chars.match(re) == null)
return false;
else
return true;
}
returnfalse;
}
75、原生JavaScript判断字符串是否为小数
function isValidDecimal( chars ) {
varre=/^\d*\.?\d{1,2}$/;
if(chars.match(re) == null)
returnfalse;
else
returntrue;
}
76、原生JavaScript判断字符串是否为整数
function isNumber( chars ) {
varre=/^\d*$/;
if(chars.match(re) == null)
returnfalse;
else
returntrue;
}
77、原生JavaScript判断字符串是否为浮点数
function isFloat( str ) {
for(i=0;i<str.length;i++) {
if((str.charAt(i)<"0" || str.charAt(i)>"9")&&str.charAt(i) != '.'){
return false;
}
}
returntrue;
}
78、原生JavaScript判断字符是否为A-Za-z英文字母
function isLetters( str ){
varre=/^[A-Za-z]+$/;
if(str.match(re) == null)
returnfalse;
else
returntrue;
}
79、原生JavaScript判断字符串是否邮政编码
function isValidPost( chars ) {
varre=/^\d{6}$/;
if(chars.match(re) == null)
returnfalse;
else
returntrue;
}
80、原生JavaScript判断字符是否空NULL
function isNULL( chars ) {
if (chars== null)
returntrue;
if(jsTrim(chars).length==0)
returntrue;
returnfalse;
}
81、原生JavaScript用正则表达式提取页面代码中所有网址
var aa =document.documentElement.outerHTML.match(/(url\(|src=|href=)[\"\']*([^\"\'\(\)\<\>\[\]]+)[\"\'\)]*|(http:\/\/[\w\-\.]+[^\"\'\(\)\<\>\[\]]+)/ig).join("\r\n").replace(/^(src=|href=|url\()[\"\']*|[\"\'\>\)]*$/igm,"");
alert(aa)
82、原生JavaScript用正则表达式清除相同的数组(低效率)
Array.prototype.unique=function(){
returnthis.reverse().join(",").match(/([^,]+)(?!.*\1)/ig).reverse();
}
83、原生JavaScript用正则表达式清除相同的数组(高效率)
String.prototype.unique=function(){
varx=this.split(/[\r\n]+/);
var y='';
for(vari=0;i<x.length;i++){
if(!newRegExp("^"+x[i].replace(/([^\w])/ig,"\\$1")+"$","igm").test(y)){
y+=x[i]+"\r\n"
}
}
return y
}
84、原生JavaScript用正则表达式按字母排序,对每行进行数组排序
function SetSort(){
vartext=K1.value.split(/[\r\n]/).sort().join("\r\n");//顺序
vartest=K1.value.split(/[\r\n]/).sort().reverse().join("\r\n");//反序
K1.value=K1.value!=text?text:test;
}
85、原生JavaScript字符串反序
function IsReverse(text){
returntext.split('').reverse().join('');
}
86、原生JavaScript用正则表达式清除html代码中的脚本
function clear_script(){
K1.value=K1.value.replace(/<script.*?>[\s\S]*?<\/script>|\s+on[a-zA-Z]{3,16}\s?=\s?"[\s\S]*?"|\s+on[a-zA-Z]{3,16}\s?=\s?'[\s\S]*?'|\s+on[a-zA-Z]{3,16}\s?=[^>]+/ig,"");
}
87、原生JavaScript动态执行JavaScript脚本
function javascript(){
try{
eval(K1.value);
}catch(e){
alert(e.message);
}
}
88、原生JavaScript动态执行VBScript脚本
function vbscript(){
try{
varscript=document.getElementById("K1").value;
if(script.trim()=="")return;
window.execScript('On Error Resume Next \n'+script+'\n IfErr.Number<>0 Then \n MsgBox"请输入正确的VBScript脚本!",48,"脚本错误!" \n EndIf',"vbscript")
}catch(e){
alert(e.message);
}
}
89、原生JavaScript实现金额大写转换函数
functiontransform(tranvalue) {
try {
var i =1;
var dw2 =new Array("", "万", "亿"); //大单位
var dw1 =new Array("拾", "佰", "仟"); //小单位
var dw =new Array("零", "壹", "贰", "叁","肆", "伍", "陆", "柒", "捌","玖"); //整数部分用
//以下是小写转换成大写显示在合计大写的文本框中
//分离整数与小数
varsource = splits(tranvalue);
var num =source[0];
var dig =source[1];
//转换整数部分
var k1 =0; //计小单位
var k2 =0; //计大单位
var sum =0;
var str ="";
var len =source[0].length; //整数的长度
for (i =1; i <= len; i++) {
var n =source[0].charAt(len - i); //取得某个位数上的数字
var bn= 0;
if (len- i - 1 >= 0) {
bn =source[0].charAt(len - i - 1); //取得某个位数前一位上的数字
}
sum =sum + Number(n);
if (sum!= 0) {
str =dw[Number(n)].concat(str); //取得该数字对应的大写数字,并插入到str字符串的前面
if (n== '0') sum = 0;
}
if (len- i - 1 >= 0) { //在数字范围内
if(k1 != 3) { //加小单位
if(bn != 0) {
str = dw1[k1].concat(str);
}
k1++;
}else { //不加小单位,加大单位
k1= 0;
vartemp = str.charAt(0);
if(temp == "万" || temp == "亿") //若大单位前没有数字则舍去大单位
str= str.substr(1, str.length - 1);
str= dw2[k2].concat(str);
sum= 0;
}
}
if (k1== 3) //小单位到千则大单位进一
{
k2++;
}
}
//转换小数部分
varstrdig = "";
if (dig!= "") {
var n =dig.charAt(0);
if (n!= 0) {
strdig += dw[Number(n)] + "角"; //加数字
}
var n =dig.charAt(1);
if (n!= 0) {
strdig += dw[Number(n)] + "分"; //加数字
}
}
str +="元" + strdig;
} catch(e){
return"0元";
}
return str;
}
//拆分整数与小数
functionsplits(tranvalue) {
var value =new Array('', '');
temp =tranvalue.split(".");
for (var i= 0; i < temp.length; i++) {
value[i]= temp[i];
}
returnvalue;
}
90、原生JavaScript常用的正则表达式大收集
匹配中文字符的正则表达式:[\u4e00-\u9fa5]
匹配双字节字符(包括汉字在内):[^\x00-\xff]
匹配空行的正则表达式:\n[\s| ]*\r
匹配 HTML标记的正则表达式:<(.*)>.*<\/\1>|<(.*) \/>
匹配首尾空格的正则表达式:(^\s*)|(\s*$)
匹配 IP地址的正则表达式:/(\d+)\.(\d+)\.(\d+)\.(\d+)/g
匹配 Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配网址 URL的正则表达式:http://(/[\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
sql语句:^(select|drop|delete|create|update|insert).*$
非负整数:^\d+$
正整数:^[0-9]*[1-9][0-9]*$
非正整数:^((-\d+)|(0+))$
负整数:^-[0-9]*[1-9][0-9]*$
整数:^-?\d+$
非负浮点数:^\d+(\.\d+)?$
正浮点数:^((0-9)+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$
非正浮点数:^((-\d+\.\d+)?)|(0+(\.0+)?))$
英文字符串:^[A-Za-z]+$
英文大写串:^[A-Z]+$
英文小写串:^[a-z]+$
英文字符数字串:^[A-Za-z0-9]+$
英数字加下划线串:^\w+$
E-mail地址:^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$
URL:^[a-zA-Z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\s*)?$或:^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$
邮政编码:^[1-9]\d{5}$
电话号码:^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$
手机号码:^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$
双字节字符(包括汉字在内):^\x00-\xff
匹配首尾空格:(^\s*)|(\s*$)
匹配 HTML标记:<(.*)>.*<\/\1>|<(.*) \/>
匹配空行:\n[\s|]*\r
提取信息中的网络链接:(h|H)(r|R)(e|E)(f|F) *=*('|")?(\w|\\|\/|\.)+('|"| *|>)?
提取信息中的邮件地址:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
提取信息中的图片链接:(s|S)(r|R)(c|C) *=*('|")?(\w|\\|\/|\.)+('|"| *|>)?
提取信息中的 IP地址:(\d+)\.(\d+)\.(\d+)\.(\d+)
提取信息中的中国手机号码:(86)*0*13\d{9}
提取信息中的中国固定电话号码:(\(\d{3,4}\)|\d{3,4}-|\s)?\d{8}
提取信息中的中国电话号码(包括移动和固定电话):(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}
提取信息中的中国邮政编码:[1-9]{1}(\d+){5}
提取信息中的浮点数(即小数):(-?\d*)\.?\d+
提取信息中的任何数字:(-?\d*)(\.\d+)?
IP:(\d+)\.(\d+)\.(\d+)\.(\d+)
电话区号:^0\d{2,3}$
腾讯 QQ号:^[1-9]*[1-9][0-9]*$
帐号(字母开头,允许5-16 字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$
中文、英文、数字及下划线:^[\u4e00-\u9fa5_a-zA-Z0-9]+$
91、原生JavaScript实现窗体改变事件resize的操作(兼容所以的浏览器)
(function(){
var fn =function(){
var w= document.documentElement ? document.documentElement.clientWidth :document.body.clientWidth
,r = 1255
,b = Element.extend(document.body)
,classname = b.className;
if(w< r){
//当窗体的宽度小于1255的时候执行相应的操作
}else{
//当窗体的宽度大于1255的时候执行相应的操作
}
}
if(window.addEventListener){
window.addEventListener('resize', function(){ fn(); });
}elseif(window.attachEvent){
window.attachEvent('onresize', function(){ fn(); });
}
fn();
})();
92、原生JavaScript用正则清除空格分左右
function ltrim(s){ return s.replace( /^(\s*| *)/,""); }
function rtrim(s){ return s.replace( /(\s*| *)$/,""); }
function trim(s){ return ltrim(rtrim(s));}
93、原生JavaScript判断变量是否空值
/**
* 判断变量是否空值
* undefined,null, '', false, 0, [], {} 均返回true,否则返回false
*/
functionempty(v){
switch(typeof v){
case'undefined' : return true;
case'string' : if(trim(v).length == 0)return true; break;
case'boolean' : if(!v) return true; break;
case'number' : if(0 === v) return true;break;
case'object' :
if(null === v) return true;
if(undefined !== v.length && v.length==0) return true;
for(var k in v){return false;} return true;
break;
}
returnfalse;
}
94、原生JavaScript实现base64解码
functionbase64_decode(data){
var b64 ="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
var o1,o2, o3, h1, h2, h3, h4, bits, i = 0,ac = 0,dec = "",tmp_arr = [];
if(!data) { return data; }
data +='';
do {
h1 =b64.indexOf(data.charAt(i++));
h2 =b64.indexOf(data.charAt(i++));
h3 =b64.indexOf(data.charAt(i++));
h4 =b64.indexOf(data.charAt(i++));
bits= h1 << 18 | h2 << 12 | h3 << 6 | h4;
o1 =bits >> 16 & 0xff;
o2 =bits >> 8 & 0xff;
o3 =bits & 0xff;
if(h3 == 64) {
tmp_arr[ac++] = String.fromCharCode(o1);
}else if (h4 == 64) {
tmp_arr[ac++] = String.fromCharCode(o1, o2);
}else {
tmp_arr[ac++] = String.fromCharCode(o1, o2, o3);
}
} while(i < data.length);
dec =tmp_arr.join('');
dec =utf8_decode(dec);
returndec;
}
95、原生JavaScript实现utf8解码
functionutf8_decode(str_data){
vartmp_arr = [],i = 0,ac = 0,c1 = 0,c2 = 0,c3 = 0;str_data += '';
while (i< str_data.length) {
c1 =str_data.charCodeAt(i);
if(c1 < 128) {
tmp_arr[ac++] = String.fromCharCode(c1);
i++;
}else if (c1 > 191 && c1 < 224) {
c2 = str_data.charCodeAt(i + 1);
tmp_arr[ac++] = String.fromCharCode(((c1 & 31) << 6) | (c2& 63));
i+= 2;
}else {
c2 = str_data.charCodeAt(i + 1);
c3 = str_data.charCodeAt(i + 2);
tmp_arr[ac++] = String.fromCharCode(((c1 & 15) << 12) | ((c2& 63) << 6) | (c3 & 63));
i+= 3;
}
}
returntmp_arr.join('');
}
96、原生JavaScript获取窗体可见范围的宽与高
function getViewSize(){
varde=document.documentElement;
vardb=document.body;
varviewW=de.clientWidth==0 ? db.clientWidth: de.clientWidth;
varviewH=de.clientHeight==0 ? db.clientHeight : de.clientHeight;
returnArray(viewW ,viewH);
}
97、原生JavaScript判断IE版本号(既简洁、又向后兼容!)
var _IE = (function(){
var v = 3,div = document.createElement('div'), all = div.getElementsByTagName('i');
while (
div.innerHTML = '<!--[if gt IE ' + (++v) +']><i></i><![endif]-->',
all[0]
);
return v> 4 ? v : false ;
}());
98、原生JavaScript获取浏览器版本号
functionbrowserVersion(types) {
var other= 1;
for (i intypes) {
var v= types[i] ? types[i] : i;
if(USERAGENT.indexOf(v) != -1) {
var re = new RegExp(v + '(\\/|\\s|:)([\\d\\.]+)', 'ig');
var matches = re.exec(USERAGENT);
var ver = matches != null ? matches[2] : 0;
other = ver !== 0 && v != 'mozilla' ? 0 : other;
}else {
var ver = 0;
}
eval('BROWSER.' + i + '= ver');
}
BROWSER.other = other;
}
99、原生JavaScript半角转换为全角函数
functionToDBC(str){
var result= '';
for(vari=0; i < str.length; i++){
code =str.charCodeAt(i);
if(code>= 33 && code <= 126){
result+= String.fromCharCode(str.charCodeAt(i) + 65248);
}else if(code == 32){
result+= String.fromCharCode(str.charCodeAt(i) + 12288 - 32);
}else{
result+= str.charAt(i);
}
}
returnresult;
}
100、原生JavaScript全角转换为半角函数
functionToCDB(str){
var result= '';
for(vari=0; i < str.length; i++){
code =str.charCodeAt(i);
if(code>= 65281 && code <= 65374){
result+= String.fromCharCode(str.charCodeAt(i) - 65248);
}else if(code == 12288){
result+= String.fromCharCode(str.charCodeAt(i) - 12288 + 32);
}else{
result+= str.charAt(i);
}
}
returnresult;
}