2022年网页常用小技巧—javascript篇DOMJS教程.docx
-
资源ID:62980422
资源大小:13.77KB
全文页数:9页
- 资源格式: DOCX
下载积分:9.9金币
快捷下载
会员登录下载
微信登录下载
三方登录下载:
微信扫一扫登录
友情提示
2、PDF文件下载后,可能会被浏览器默认打开,此种情况可以点击浏览器菜单,保存网页到桌面,就可以正常下载了。
3、本站不支持迅雷下载,请使用电脑自带的IE浏览器,或者360浏览器、谷歌浏览器下载即可。
4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩,下载后原文更清晰。
5、试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓。
|
2022年网页常用小技巧—javascript篇DOMJS教程.docx
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 false;" 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为框架网页 / -></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=查看网页源代码 onclick="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.offsetTop; 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.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(); } </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="clsid: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=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="pragma" 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 style="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.让弹出窗口总是在最上面: <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()"><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>