Javascript技术技巧大全一

//各种尺寸 网页可见区域宽：document.body.clientWidth; 网页可见区域高：document.body.clientHeight; 网页可见区域高：document.body.offsetWeight(包括边线的宽) 网页可见区域高：document.body.offsetHeight(包括边线的宽) 网页正文全文宽：document.body.scrollWidth; 网页正文全文高：document.body.scrollHeight; 网页被卷去的高：document.body.scrollTop; 网页被卷去的左：document.body.scrollLeft; 网页正文部分上：window.screenTop; 网页正文部分左：window.screenLeft; 屏幕分辨率的高：window.screen.height; 屏幕分辨率的宽：window.screen.width; 屏幕可用工作区高度：window.screen.availHeight; 屏幕可用工作区宽度：window.screen.availWidth;

//过滤数字 return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf(".")<0? event.keyCode==46:false) οnpaste="return !clipboardData.getData("text").match (/D/)" οndragenter="return false">

//特殊用途 window.external.ImportExportFavorites(true,"http://localhost");导入收藏夹 window.external.ImportExportFavorites(false,"http://localhost"); 导出收藏夹 window.external.ShowBrowserUI("OrganizeFavorites", null); 整理收藏夹 window.external.ShowBrowserUI("LanguageDialog", null) 语言设置 window.external.AddFavorite("http://www.google.com/", "google") 加入收藏夹 window.external.addChannel("http://www.google.com/") 加入到频道 window.external.showBrowserUI("PrivacySettings",null)

//不缓存 <"pragma" CONTENT="no-cache"> <"Cache-Control" CONTENT="no-cache, must- revalidate"> <"expires" CONTENT="0">

//正则匹配 匹配中文字符的正则表达式： [u4e00-u9fa5] 匹配双字节字符(包括汉字在内)：[^x00-xff] 匹配空行的正则表达式： [s| ]* 匹配HTML标记的正则表达式：/< (.*)>.*</1>|<(.*) />/  匹配首尾空格的正则表达式：(^s*)|(s*$)（像vbscript那样的trim函数） 匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)* 匹配网址URL的正则表达式：http: //([w-]+.)+[w-]+(/[w- ./?%&=]*)? 以下是例子： 利用正则表达式限制网页表单里 的文本框输入内容： 用正则表达式限制只能输入中文：οnkeyup= "value=value.replace(/[^u4E00- u9FA5]/g,"")" onbeforepaste= "clipboardData.setData("text",clipboardData.getData ("text").replace(/[^u4E00-u9FA5]/g,""))" 1.用正则表达式限制只能输入全角字符： οnkeyup= "value=value.replace(/[^uFF00-uFFFF]/g,"")" onbeforepaste= "clipboardData.setData("text",clipboardData.getData("text").replace(/[^uFF00-uFFFF]/g,""))" 2.用正则表 达式限制只能输入数字：οnkeyup= "value=value.replace(/[^d]/g,"") "onbeforepaste= "clipboardData.setData("text",clipboardData.getData("text").replace(/[^d]/g,""))" 3.用正则 表达式限制只能输入数字和英文：οnkeyup= "value=value.replace(/[W]/g,"")  "onbeforepaste= "clipboardData.setData("text",clipboardData.getData("text").replace (/[^d]/g,""))"

//消除图像工具栏 height="100" alt="" width="100" galleryimg="false" or <"imagetoolbar" content="no">

//无提示关闭 function Close() {   var  ua=navigator.userAgent   var  ie=navigator.appName== "Microsoft Internet Explorer"? true:false   if(ie)  {        var  IEversion=parseFloat(ua.substring(ua.indexOf( "MSIE ") +5,ua.indexOf( ";",ua.indexOf( "MSIE "))))    if(IEversion< 5.5)   {     var str  = " clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">"        str += ""Command"?value="Close">";        document.body.insertAdjacentHTML( "beforeEnd", str);        document.all.noTipClose.Click();   }       else   {        window.opener = null;        window.close();       }    }  else  {   window.close()    } }

//取得控件得绝对位置(1) <script language= "javascript">  function getoffset(e) {    var t=e.offsetTop;    var l=e.offsetLeft;    while(e=e.offsetParent)  {    t+=e.offsetTop;    l+=e.offsetLeft;   }    var rec =  new  Array(1);  rec[0]  = t;  rec[1] = l;   return rec }

//获得控件的绝对位置(2) oRect = obj.getBoundingClientRect(); oRect.left oRect.

//最小化,最大化,关闭 "clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">? "Command"?value="Minimize">? "clsid:ADB880A6-D8FF-11CF-9377- 00AA003B7A11">? "Command"?value="Maximize">? "clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">? "Command"?value="Close">?

//光标停在文字最后 "javascript"> function?cc() { ? var?e?=?event.srcElement; ? var?r?=e.createTextRange(); ? r.moveStart("character",e.value.length); ? r.collapse(true); ? r.select(); } "123"?οnfοcus="cc()">

//页面进入和退出的特效 进入页面"Page-Enter"?content="revealTrans (duration=x,?transition=y)"> 推出页面"Page- Exit"?content="revealTrans(duration=x,?transition=y)">? 这个 是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使 用哪种特效，取值为1-23: 0?矩形缩小? 1?矩形扩大? 2?圆形缩小 3?圆形扩大? 4?下到 上刷新? 5?上到下刷新 6?左到右刷新? 7?右到左刷新? 8?竖百叶 窗 9?横百叶窗? 10?错位横百叶窗? 11?错位竖百叶窗 12?点扩散? 13?左右到中间刷新? 14?中间到左右刷新 15?中间到上下 16?上下到中间 ? 17?右下到左上 18?右上到左下? 19?左上到右下? 20?左下到右 上 21?横条? 22?竖条?

//网页是否被检索 "ROBOTS"?content="属性值"> 其中属性值有以下一些: 属性值为"all":?文件将被检索，且页上链接可被查询； 属性值为"none":?文件不被检索，而且不查询页上的链接； 属性值为"index":?文件将被检索； 属性值为"follow":?查询页上的链 接； 属性值为"noindex":?文件不检索，但可被查询链接； 属性值为"nofollow":?