JavaScript适用总结(一:小技巧)
JavaScript实用总结(一:小技巧)
1.设置首页、加入收藏和取得页面路径
2.IE地址栏前换成自己的图标
3.在收藏夹中显示出你的图标
4.查看网页源代码
5.网页不会被缓存
6.JS校验总结
7.去除两端空格
8.整型和字符串转换最快方式
9.页面被载入和调出时的一些特效
注意:blendTrans是动态滤镜的一种,产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果:
10.禁止右键
11.禁止粘贴
1.设置首页、加入收藏和取得页面路径
/* 获取上一页url */ document.referrer /* 获取当前页 */ alert("当前页 : " + window.location.href); /* 设为首页 */ function setMyHome() { if (document.all) { document.body.style.behavior = 'url(#default#homepage)'; document.body.setHomePage('http://chrui.iteye.com'); } 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', 'http://chrui.iteye.com'); } } /* 添加收藏 */ function addCookie() { if (document.all) { window.external.addFavorite('http://chrui.iteye.com', 'ItEye--chrui blog'); } else if (window.sidebar) { window.sidebar.addPanel('ItEye--chrui blog', 'http://chrui.iteye.com', ""); } }
2.IE地址栏前换成自己的图标
<link rel="Shortcut Icon" href="favicon.ico"/>
3.在收藏夹中显示出你的图标
<link rel="Bookmark" href="favicon.ico"/>
4.查看网页源代码
<input type="button" value="查看源代码" onclick="window.location = 'view-source:'+ 'http://chrui.iteye.com'">
5.网页不会被缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 或者 <META HTTP-EQUIV="expires" CONTENT="0">
6.JS校验总结
var regexp = "......"; if (regexp.test(email)) { // 成功 } else { // 失败 } /** * a.校验邮箱 */ var emailReg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;//来自于ExtJs if (emailReg.test(email)) { //成功 } else { //失败 } /** * b.校验中文 */ /* 双字节字符 /[^\x00-\xff]/ 汉字 /[\u4e00-\u9fa5]/ */ var chReg = /^[\u4e00-\u9fa5]+$/; //纯中文,如:"北京高森明晨信息科技有限公司" var chReg = /^[\u4e00-\u9fa5]+\(*[\u4e00-\u9fa5]*\)*[\u4e00-\u9fa5]+$/; //李宁(中国)有限公司 /** * c.校验英文 */ var enReg = /^[A-Za-z]+$/; /** * c.校验数字 */ var digitReg = /^[0-9]+$/; var numreg = /^[1-9]{1}\d*$/; //数字应该是以1-9开始后跟零个或多个数字(0-9) /** * d.验证英文字母和数字 */ var endigitReg = /^[A-Za-z]+[A-Za-z0-9]*$/ eformValidationMasks['NUMERIC'] = /^[0-9]+$/gi; // 数字 eformValidationMasks['INTEGER'] = /^-?\d+$/gi; // 整数 eformValidationMasks['DOUBLE'] = /^(-?\d+)(\.\d+)?$/gi; // 浮点数
7.去除两端空格
var rtrim = /^(\s|\u00A0)+|(\s|\u00A0)+$/g; //来自于jQuery源码 function trim (text) { return (text || "").replace( rtrim, "" ); }
8.整型和字符串转换最快方式
转换成数字 xxx*1 转换成字符串 xxx+""
9.页面被载入和调出时的一些特效
<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"> <Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
注意:blendTrans是动态滤镜的一种,产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果:
<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)"> <Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)"> Duration 表示滤镜特效的持续时间(单位:秒) Transition 滤镜类型。表示使用哪种特效,取值为0-23
10.禁止右键
document.oncontextmenu = function() { return false;}
11.禁止粘贴
<input type="text" id="paste" name="paste" value="" onpaste="return false;"/>
<<To Be Continued>>