Javascript技术技巧大全一

Javascript技术技巧大全一 ------------------------------------------------ 发布时间:2006-03-22 11:03:26 作者:龙犊 出处:yesky 语言:中文 阅读次数:2120次

//各种尺寸   s  +=  " 网页可见区域宽："+  document.body.clientWidth;   s  +=  " 网页可见区域 高："+  document.body.clientHeight;   s  +=  " 网页可见区域高："+  document.body.offsetWeight  +"  (包括边线的宽)";   s  +=  " 网 页可见区域高："+  document.body.offsetHeight  +"  (包括边线 的宽)";   s  +=  " 网页正文全文 宽："+  document.body.scrollWidth;   s  +=  " 网页正文全文高："+  document.body.scrollHeight;   s  +=  " 网页被卷去的 高："+  document.body.scrollTop;   s  +=  " 网页被卷去的左："+  document.body.scrollLeft;   s  +=  " 网页正文部分上："+  window.screenTop;   s  +=  " 网页正文部分 左："+  window.screenLeft;   s  +=  " 屏幕 分辨率的高："+  window.screen.height;   s  +=  " 屏幕分辨率的宽："+  window.screen.width;   s  +=  " 屏幕可用工作区高度："+  window.screen.availHeight;   s  +=  " 屏幕可用工作区宽 度："+  window.screen.availWidth;   //过滤数字   //特殊用途   //不缓存   //正则匹配   匹配中文字符的正则表达式： [u4e00-u9fa5] 匹配双字节字符(包括汉字在内)：[^x00-xff] 匹配空行的正则表达式： [s| ]* 匹配HTML标记的正则表达式：/< (.*)>.*|<(.*) />/  匹配首尾空格的正则表达式：(^s*)|(s*$)（像vbscript那样的trim函数） 匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)* 匹配网址URL的正则表达式：http://([w-]+.)+[w-]+(/[w- ./?%&=]*)? 以下是例子： 利用正则表达式限制网页表单里 的文本框输入内容： 用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^u4E00- u9FA5]/g,"")" onbeforepaste="clipboardData.setData("text",clipboardData.getData ("text").replace(/[^u4E00-u9FA5]/g,""))" 1.用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^uFF00-uFFFF]/g,"")" onbeforepaste="clipboardData.setData("text",clipboardData.getData("text").replace(/[^uFF00-uFFFF]/g,""))" 2.用正则表 达式限制只能输入数字：onkeyup="value=value.replace(/[^d]/g,"") "onbeforepaste="clipboardData.setData("text",clipboardData.getData("text").replace(/[^d]/g,""))" 3.用正则 表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[W]/g,"")  "onbeforepaste="clipboardData.setData("text",clipboardData.getData("text").replace (/[^d]/g,""))" //消除图像工具栏   "mypicture.jpg" HEIGHT="100px" WIDTH="100px" 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) "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. //最小化,最大化,关闭     //光标停在文字最后   "javascript"> function cc() {  var e = event.srcElement;  var r =e.createTextRange();  r.moveStart("character",e.value.length);  r.collapse(true);  r.select(); } "123" onfocus="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 竖条  　　23  "ROBOTS" content="属性值"> 　　其中属性值有以下一些: 　　 属性值为"all": 文件将被检索，且页上链接可被查询； 　　属性值为"none": 文件不被检索，而且不查询页上的链接； 　　属性值为"index": 文件将被检索； 　　属性值为"follow": 查询页上的链 接； 　　属性值为"noindex": 文件不检索，但可被查询链接； 　　属性值为"nofollow":  //网页是否被检索 "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">        "pragma" CONTENT="no-cache"> "Cache-Control" CONTENT="no-cache, must- revalidate"> "expires" CONTENT="0">   "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)"> "return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf(".")<0? event.keyCode==46:false)" onpaste="return !clipboardData.getData("text").match (/D/)" ondragenter="return false">