javascript小技巧.doc

javascript小技巧3事件源对象3捕获释放3事件按键3事件返回值3鼠标位置3窗体活动元素3绑定事件3访问窗体元素3窗体命令3窗体COOKIE3菜单事件3创建元素4根据鼠标获得元素：4窗体图片4窗体事件绑定4元素4对象绑定事件4插件数目4取变量类型4下拉框4查找对象4定时4UNCODE编码4父对象4交换表的行5简单邮件5禁止选取6/过滤数字8/特殊用途9/不缓存9/正则匹配9/消除图像工具栏10/无提示关闭10/取得控件得绝对位置(1)11/获得控件的绝对位置(2)12/最小化,最大化,关闭12/光标停在文字最后12/页面进入和退出的特效12/网页是否被检索13/打印分页14/设置打印14/自带的打印预览15/去掉打印时的页眉页脚16/浏览器验证17/计算内容宽和高17/无模式的提示框18/屏蔽按键18/屏蔽打印20/移动的图层，拖动20/文档状态改变22/刷新后不变的文本框22/访问剪贴板22/操作COOKIE23/setTimeout增加参数23/自定义的apply,call24/下载文件24/检验连接是否有效25/POST代替FORM26/组件是否安装28/检查网页是否存在28/连接数据库28/使用数据岛29/获得参数30/可编辑SELECT30/设置光标位置31/页内查找32/书33/自定义提示条34/插入文字36/netscapte下操作xml37/判断键值37/禁止FSO38/省略号38/检测media play版本38/图象按比例39/细线SELECT40/Import40/js枚举41/条件编译41/取得innerText42/mergeAttributes 复制所有读/写标签属性到指定元素。42javascript小技巧事件源对象 event.srcElement.tagName event.srcElement.type捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture();事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey事件返回值 event.returnValue鼠标位置 event.x event.y窗体活动元素 document.activeElement绑定事件 document.captureEvents(Event.KEYDOWN);访问窗体元素 document.all(txt).focus(); document.all(txt).select();窗体命令 document.execCommand窗体COOKIE document.cookie菜单事件 document.oncontextmenu创建元素 document.createElement(SPAN);根据鼠标获得元素： document.elementFromPoint(event.x,event.y).tagName=TD document.elementFromPoint(event.x,event.y).appendChild(ms)窗体图片 document.images索引窗体事件绑定 document.onmousedown=scrollwindow;元素 document.窗体.elements索引对象绑定事件 document.all.xxx.detachEvent(onclick,a);插件数目 navigator.plugins取变量类型 typeof($js_libpath) = undefined下拉框 下拉框.options索引 下拉框.options.length查找对象 document.getElementsByName(r1); document.getElementById(id);定时 timer=setInterval(scrollwindow(),delay); clearInterval(timer);UNCODE编码 escape() ,unescape父对象 obj.parentElement(dhtml) obj.parentNode(dom)交换表的行 TableID.moveRow(2,1)替换CSS document.all.csss.href = a.css;并排显示 display:inline隐藏焦点 hidefocus=true根据宽度换行 style=word-break:break-all自动刷新 简单邮件 快速转到位置 obj.scrollIntoView(true)锚 anchors网页传递参数 location.search();可编辑 obj.contenteditable=true执行菜单命令 obj.execCommand双字节字符 /x00-xff/ 汉字 /u4e00-u9fa5/让英文字符串超出表格宽度自动换行 word-wrap: break-word; word-break: break-all;透明背景 获得style内容 obj.style.cssTextHTML标签 document.documentElement.innerHTML第一个style标签 document.styleSheets0style标签里的第一个样式 document.styleSheets0.rules0防止点击空链接时，页面往往重置到页首端。 word上一网页源 asp: request.servervariables(HTTP_REFERER) javascript: document.referrer释放内存 CollectGarbage();禁止右键 document.oncontextmenu = function() return false;禁止保存 禁止选取禁止粘贴 地址栏图标 favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下收藏栏图标 查看源码 关闭输入法 自动全选 ENTER键可以让光标移到下一个输入框 文本框的默认值 title换行 obj.title = 123 clip:rect(5px 15px 15px 5px)获取选中内容 document.selection.createRange().duplicate().text自动完成功能 打开该功能 关闭该功能窗口最大化 无关闭按钮IE window.open(aa.htm, meizz, fullscreen=7);统一编码/解码 alert(decodeURIComponent(encodeURIComponent(http:/你好.com?as= hehe) encodeURIComponent对:、/、; 和 ?也编码表格行指示 /各种尺寸s+=rn网页可见区域宽：+document.body.clientWidth; s+=rn网页可见区域高：+document.body.clientHeight; s+=rn网页可见区域高：+document.body.offsetWeight+(包括边线的宽); s+=rn网页可见区域高：+document.body.offsetHeight+(包括边线的宽); s+=rn网页正文全文宽：+document.body.scrollWidth; s+=rn网页正文全文高：+document.body.scrollHeight; s+=rn网页被卷去的高：+document.body.scrollTop; s+=rn网页被卷去的左：+document.body.scrollLeft; s+=rn网页正文部分上：+window.screenTop; s+=rn网页正文部分左：+window.screenLeft; s+=rn屏幕分辨率的高：+window.screen.height; s+=rn屏幕分辨率的宽：+window.screen.width; s+=rn屏幕可用工作区高度：+window.screen.availHeight; s+=rn屏幕可用工作区宽度：+window.screen.availWidth;/过滤数字 =48&event.keyCode=57|(this.value.indexOf(.) /特殊用途 /不缓存 /正则匹配 匹配中文字符的正则表达式：u4e00-u9fa5 匹配双字节字符(包括汉字在内)：x00-xff 匹配空行的正则表达式：ns|*r 匹配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,) /消除图像工具栏 or /无提示关闭 functionClose() varua=navigator.userAgent varie=navigator.appName=MicrosoftInternetExplorer?true:false if(ie) varIEversion=parseFloat(ua.substring(ua.indexOf(MSIE)+5,ua.indexOf(;,ua.indexOf(MSIE) if(IEversion5.5) varstr= str+=; document.body.insertAdjacentHTML(beforeEnd,str); document.all.noTipClose.Click(); else window.opener=null; window.close(); else window.close() /取得控件得绝对位置(1) functiongetoffset(e) vart=e.offsetTop; varl=e.offsetLeft; while(e=e.offsetParent) t+=e.offsetTop; l+=e.offsetLeft; varrec=newArray(1); rec0=t; rec1=l; returnrec /获得控件的绝对位置(2) oRect=obj.getBoundingClientRect(); oRect.left oRect. /最小化,最大化,关闭 /光标停在文字最后 functioncc() vare=event.srcElement; varr=e.createTextRange(); r.moveStart(character,e.value.length); r.collapse(true); r.select(); /页面进入和退出的特效 进入页面 推出页面 这个是页面被载入和调出时的一些特效。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 /网页是否被检索 其中属性值有以下一些: 属性值为all:文件将被检索，且页上链接可被查询； 属性值为none:文件不被检索，而且不查询页上的链接； 属性值为index:文件将被检索； 属性值为follow:查询页上的链接； 属性值为noindex:文件不检索，但可被查询链接； 属性值为nofollow: /打印分页 page1 page2 /设置打印 functionwindow.onload() /-advancedfeatures factory.printing.SetMarginMeasure(2)/measuremarginsininches factory.printing.SetPageRange(false,1,3)/needpagesfrom1to3 factory.printing.printer=HPDeskJet870C factory.printing.copies=2 factory.printing.collate=true factory.printing.paperSize=A4 factory.printing.paperSource=Manualfeed /-basicfeatures factory.printing.header=居左显示&b居中显示&b居右显示页码，第&p页/共&P页 factory.printing.footer=（自定义页脚） factory.printing.portrait=false factory.printing.leftMargin=0.75 factory.printing.topMargin=1.5 factory.printing.rightMargin=0.75 factory.printing.bottomMargin=1.5 functionPrint(frame) factory.printing.Print(true,frame)/printwithprompt 具体使用手册，更多信息，点这里 /自带的打印预览 WebBrowser.ExecWB(1,1)打开 Web.ExecWB(2,1)关闭现在所有的IE窗口，并打开一个新窗口 Web.ExecWB(4,1)保存网页 Web.ExecWB(6,1)打印 Web.ExecWB(7,1)打印预览 Web.ExecWB(8,1)打印页面设置 Web.ExecWB(10,1)查看页面属性 Web.ExecWB(15,1)好像是撤销，有待确认 Web.ExecWB(17,1)全选 Web.ExecWB(22,1)刷新 Web.ExecWB(45,1)关闭窗体无提示 .Noprintdisplay:none; .PageNextpage-break-after:always; /去掉打印时的页眉页脚 varHKEY_Root,HKEY_Path,HKEY_Key; HKEY_Root=HKEY_CURRENT_USER; HKEY_Path=SoftwareMicrosoftInternetExplorerPageSetup; /设置网页打印的页眉页脚为空 functionPageSetup_Null() try varWsh=newActiveXObject(WScript.Shell); HKEY_Key=header; Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,); HKEY_Key=footer; Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,); catch(e) /设置网页打印的页眉页脚为默认值 functionPageSetup_Default() try varWsh=newActiveXObject(WScript.Shell); HKEY_Key=header; Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,&w&b页码,&p/&P); HKEY_Key=footer; Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,&u&b&d); catch(e) /浏览器验证 functioncheckBrowser() this.ver=navigator.appVersion this.dom=document.getElementById?1:0 this.ie6=(this.ver.indexOf(MSIE6)-1&this.dom)?1:0; this.ie5=(this.ver.indexOf(MSIE5)-1&this.dom)?1:0; this.ie4=(document.all&!this.dom)?1:0; this.ns5=(this.dom&parseInt(this.ver)=5)?1:0; this.ns4=(document.layers&!this.dom)?1:0; this.mac=(this.ver.indexOf(Mac)-1)?1:0; this.ope=(navigator.userAgent.indexOf(Opera)-1); this.ie=(this.ie6|this.ie5|this.ie4) this.ns=(this.ns4|this.ns5) this.bw=(this.ie6|this.ie5|this.ie4|this.ns5|this.ns4|this.mac|this.ope) this.nbw=(!this.bw) returnthis; /计算内容宽和高 functiontest(obj) varrange=obj.createTextRange(); alert(内容区宽度:+range.boundingWidth +pxrn内容区高度:+range.boundingHeight+px); sdf /无模式的提示框 functionmodelessAlert(Msg) window.showModelessDialog(javascript:alert(+escape(Msg)+);window.close();,status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;); /屏蔽按键 屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键 !- /屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键 /Author:meizz(梅花雨)2002-6-18 functiondocument.oncontextmenu()event.returnValue=false;/屏蔽鼠标右键 functionwindow.onhelp()returnfalse/屏蔽F1帮助 functiondocument.onkeydown() if(window.event.altKey)& (window.event.keyCode=37)|/屏蔽Alt+方向键 (window.event.keyCode=39)/屏蔽Alt+方向键 alert(不准你使用ALT+方向键前进或后退网页！); event.returnValue=false; /*注：这还不是真正地屏蔽Alt+方向键， 因为Alt+方向键弹出警告框时，按住Alt键不放， 用鼠标点掉警告框，这种屏蔽方法就失效了。以后若 有哪位高手有真正屏蔽Alt键的方法，请告知。*/ if(event.keyCode=8)|/屏蔽退格删除键 (event.keyCode=116)|/屏蔽F5刷新键 (event.ctrlKey&event.keyCode=82)/Ctrl+R event.keyCode=0; event.returnValue=false; if(event.keyCode=122)event.keyCode=0;event.returnValue=false;/屏蔽F11 if(event.ctrlKey&event.keyCode=78)event.returnValue=false;/屏蔽Ctrl+n if(event.shiftKey&event.keyCode=121)event.returnValue=false;/屏蔽shift+F10 if(window.event.srcElement.tagName=A&window.event.shiftKey) window.event.returnValue=false;/屏蔽shift加鼠标左键新开一网页 if(window.event.altKey)&(window.event.keyCode=115)/屏蔽Alt+F4 window.showModelessDialog(about:blank,dialogWidth:1px;dialogheight:1px); returnfalse; 屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键 /屏蔽打印 media print * display:none /移动的图层，拖动 1.meizz varObj; functionMouseDown(obj) Obj=obj; Obj.setCapture(); Obj.l=event.x-Obj.style.pixelLeft; Obj.t=event.y-Obj.style.pixelTop; functionMouseMove() if(Obj!=null) Obj.style.left=event.x-Obj.l; Obj.style.top=event.y-Obj.t; functionMouseUp() if(Obj!=null) Obj.releaseCap