《2022年网页常用小技巧—javascript篇DOMJS教程.docx》由会员分享，可在线阅读，更多相关《2022年网页常用小技巧—javascript篇DOMJS教程.docx（9页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、2022年网页常用小技巧javascript篇DOMJS教程 1. 将彻底屏蔽鼠标右键 oncontextmenu=window.event.returnValue=false<table border oncontextmenu=return(false)><td>no</table> 可用于Table 2.取消选取、防止复制 <body onselectstart=return false> 3. 不准粘贴 onpaste=return false 4.防止复制 oncopy=return false; oncut=return fa
2、lse; 5.IE地址栏前换成自己的图标 <link rel=Shortcut Icon href=favicon.ico> 6. 可以在保藏夹中显示出你的图标 <link rel=Bookmark href=favicon.ico> 7. 关闭输入法 <input style=ime-mode:disabled> 8. 恒久都会带着框架 <script language=JavaScript><!- if (window = top)top.location.href = frames.htm; /frames.htm为框架网页 / -&
3、gt;</script> 9. 防止被人frame <SCRIPT LANGUAGE=JAVASCRIPT><!- if (top.location != self.location)top.location=self.location; / -></SCRIPT> 10. 网页将不能被另存为 <noscript><iframe src=*.html></iframe></noscript> 11. 查看网页源代码 <input type=button value=查看网页源代码 onclic
4、k=window.location = view-source:+ > 12.删除时确认 <a href=javascript:if(confirm(的确要删除吗?)location=boos.asp?areyou=删除page=1>删除</a> 13. 取得控件的肯定位置 /Javascript <script language=Javascript> function getIE(e){ var t=e.offsetTop; var l=e.offsetLeft; while(e=e.offsetParent){ t+=e.of
5、fsetTop; l+=e.offsetLeft; } alert(top=+t+/nleft=+l); } </script> /VBScript <script language=VBScript><!- function getIE() dim t,l,a,b set a=document.all.img1 t=document.all.img1.offsetTop l=document.all.img1.offsetLeft while a.tagName<>BODY set a = a.offsetParent t=t+a
6、.offsetTop l=l+a.offsetLeft wend msgbox top=tchr(13)left=l,64,得到控件的位置 end function -></script> 14. 光标是停在文本框文字的最终 <script language=javascript> function cc() { var e = event.srcElement; var r =e.createTextRange(); r.moveStart(character,e.value.length); r.collapse(true); r.select();
7、 } </script> <input type=text name=text1 value=123 onfocus=cc()> 15. 推断上一页的来源 javascript: document.referrer 16. 最小化、最大化、关闭窗口 <object id=hh1 classid=clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11> <param name=Command value=Minimize></object> <object id=hh2 classid=cl
8、sid:ADB880A6-D8FF-11CF-9377-00AA003B7A11> <param name=Command value=Maximize></object> <OBJECT id=hh3 classid=clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11> <PARAM NAME=Command VALUE=Close></OBJECT> <input type=button value=最小化 onclick=hh1.Click()> <input type=
9、button value=最大化 onclick=hh2.Click()> <input type=button value=关闭 onclick=hh3.Click()> 本例适用于IE 17.屏蔽功能键Shift,Alt,Ctrl <script> function look(){ if(event.shiftKey) alert(禁止按Shift键!); /可以换成ALTCTRL } document.onkeydown=look; </script> 18. 网页不会被缓存 <META HTTP-EQUIV=pragm
10、a 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> 19.怎样让表单没有凹凸感？ <input type=text style=border:1 solid #000000> 或 <input type=text s
11、tyle=border-left:none; border-right:none; border-top:none; border-bottom: 1 solid #000000></textarea> 20.<div><span><layer>的区分？ <div>(division)用来定义大段的页面元素，会产生转行 <span>用来定义同一行内的元素，跟<div>的唯一区分是不产生转行 <layer>是ns的标记，ie不支持，相当于<div> 21.让弹出窗口总是在最上面: &
12、lt;body onblur=this.focus();> 22.不要滚动条? 让竖条没有: <body style=overflow:scroll;overflow-y:hidden> </body> 让横条没有: <body style=overflow:scroll;overflow-x:hidden> </body> 两个都去掉？更简洁了 <body scroll=no> </body> 23.怎样去掉图片链接点击后，图片四周的虚线？ <a href=# onFocus=this.blur()>&
13、lt;img src= border=0></a> 24.电子邮件处理提交表单 <form name=form1 method=post action=mailto:*.com enctype=text/plain> <input type=submit> </form> 25.在打开的子窗口刷新父窗口的代码里如何写？ window.opener.location.reload() 26.如何设定打开页面的大小 <body onload=top.resizeTo(300,200);> 打开页面的位置<body onload=top.moveBy(300,200);> 27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 <STYLE> body {background-image:url(logo.gif); background-repeat:no-repeat; background-position:center;background-attachment: fixed} </STYLE>