JavaScript高级应用,实例

//各种尺寸s+=\r\n网页可见区域宽(document.body.clientWidth)：+document.body.clientWidth;s+=\r\n网页可见区域(document.body.clientHeight)高：+document.body.clientHeight;s+=\r\n网页可见区域高(document.body.offsetWeight)：+document.body.offsetWidth+(包括边线的宽);s+=\r\n网页可见区域高(document.body.offsetHeight)：+document.body.offsetHeight+(包括边线的宽);s+=\r\n网页正文全文宽(document.body.scrollWidth)：+document.body.scrollWidth;s+=\r\n网页正文全文高(document.body.scrollHeight)：+document.body.scrollHeight;s+=\r\n网页被卷去的高(document.body.scrollTop)：+document.body.scrollTop;s+=\r\n网页被卷去的左(document.body.scrollLeft)：+document.body.scrollLeft;s+=\r\n网页正文部分上(window.screenTop)：+window.screenTop;s+=\r\n网页正文部分左(window.screenLeft)：+window.screenLeft;s+=\r\n屏幕分辨率的高(window.screen.height)：+window.screen.height;s+=\r\n屏幕分辨率的宽(window.screen.width)：+window.screen.width;s+=\r\n屏幕可用工作区高度(window.screen.availHeight)：+window.screen.availHeight;s+=\r\n屏幕可用工作区宽度(window.screen.availWidth)：+window.screen.availWidth;//过滤数字inputtype=textonkeypress=returnevent.keyCode=48&&event.keyCode=57||(this.value.indexOf('.')0?event.keyCode==46:false)onpaste=return!clipboardData.getData('text').match(/\D/)ondragenter=returnfalse//特殊用途inputtype=buttonvalue=导入收藏夹onclick=window.external.ImportExportFavorites(true,');inputtype=buttonvalue=导出收藏夹onclick=window.external.ImportExportFavorites(false,');inputtype=buttonvalue=整理收藏夹onclick=window.external.ShowBrowserUI('OrganizeFavorites',null)inputtype=buttonvalue=语言设置onclick=window.external.ShowBrowserUI('LanguageDialog',null)inputtype=buttonvalue=加入收藏夹onclick=window.external.AddFavorite(')inputtype=buttonvalue=加入到频道onclick=window.external.addChannel(')inputtype=buttonvalue=加入到频道onclick=window.external.showBrowserUI('PrivacySettings',null)//不缓存METAHTTP-EQUIV=pragmaCONTENT=no-cacheMETAHTTP-EQUIV=Cache-ControlCONTENT=no-cache,must-revalidateMETAHTTP-EQUIV=expiresCONTENT=0//正则匹配匹配中文字符的正则表达式：[\u4e00-\u9fa5]匹配双字节字符(包括汉字在内)：[^\x00-\xff]匹配空行的正则表达式：\n[\s|]*\r匹配HTML标记的正则表达式：/(.*).*\/\1|(.*)\//匹配首尾空格的正则表达式：(^\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,''))//消除图像工具栏IMGSRC=mypicture.jpgHEIGHT=100pxWIDTH=100pxGALLERYIMG=falseorheadmetahttp-equiv=imagetoolbarcontent=no/head//无提示关闭functionClose(){varua=navigator.userAgentvarie=navigator.appName==MicrosoftInternetExplorer?true:falseif(ie){varIEversion=parseFloat(ua.substring(ua.indexOf(MSIE)+5,ua.indexOf(;,ua.indexOf(MSIE))))if(IEversion5.5){varstr='objectid=noTipCloseclassid=clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11'str+='paramname=Commandvalue=Close/object';document.body.insertAdjacentHTML(beforeEnd,str);document.all.noTipClose.Click();}else{window.opener=null;window.close();}}else{window.close()}}//取得控件得绝对位置(1)******language=javascriptfunctiongetoffset(e){vart=e.offsetTop;varl=e.offsetLeft;while(e=e.offsetParent){t+=e.offsetTop;l+=e.offsetLeft;}varrec=newArray(1);rec[0]=t;rec[1]=l;returnrec}/script//获得控件的绝对位置(2)oRect=obj.getBoundingClientRect();oRect.leftoRect.//最小化,最大化,关闭objectid=minclassid=clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11paramname=Commandvalue=Minimize/objectobjectid=maxclassid=clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11paramname=Commandvalue=Maximize/objectOBJECTid=closeclassid=clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11PARAMNAME=Commandvalue=Close/OBJECTinputtype=buttonvalue=最小化onclick=min.Click()inputtype=buttonvalue=最大化onclick=max.Click()inputtype=buttonvalue=关闭onclick=close.Click()//光标停在文字最后******language=javascriptfunctioncc(){vare=event.srcElement;varr=e.createTextRange();r.moveStart('character',e.value.length);r.collapse(true);r.select();}/scriptinputtype=textname=text1value=123onfocus=cc()//页面进入和退出的特效进入页面metahttp-equiv=Page-Entercontent=revealTrans(duration=x,transition=y)推出页面metahttp-equiv=Page-Exitcontent=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竖条//网页是否被检索metaname=ROBOTScontent=属性值其中属性值有以下一些:属性值为all:文件将被检索，且页上链接可被查询；属性值为none:文件不被检索，而且不查询页上的链接；属性值为index:文件将被检索；属性值为follow:查询页上的链接；属性值