根据给定的文件信息,以下是对“常用的40个网站制作技巧”中提及的部分知识点的详细解析: ### 技巧1:禁用右键菜单与选中操作 使用`oncontextmenu="window.event.returnValue=false"`可以禁止用户在网页上进行右键点击,这通常用于保护网站上的图片或文字不被轻易复制。而`<table border oncontextmenu="return false">`则是将此功能应用于表格元素,防止用户通过右键菜单对表格内容进行操作。 ### 技巧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">`可以在IE浏览器中为网站添加一个快捷方式图标,即favicon,提升网站的专业形象。 ### 技巧6:设置书签图标 `<link rel="Bookmark" href="favicon.ico">`这一标签用于设置浏览器书签中的图标,使得网站在用户的书签列表中更加显眼。 ### 技巧7:禁用IME输入法模式 `<input style="ime-mode:disabled">`这一属性可以禁用输入框内的IME(输入法编辑器)模式,适用于需要纯英文输入的场景。 ### 技巧8:检测框架引用并重定向 利用JavaScript代码`if(window==top) top.location.href="frames.htm";`,可以检测当前页面是否被嵌入到其他框架中,如果是,则将其重定向到指定的框架页面,从而避免内容被盗用。 ### 技巧9:防止框架嵌套 通过执行`if(top.location!=self.location) top.location=self.location;`,可以防止网站内容被其他站点的框架引用,确保网站内容的独立性和安全性。 ### 技巧10:针对无脚本环境提供备用内容 使用`<noscript><iframe src="/blog/*.html"></iframe></noscript>`,可以在用户禁用了JavaScript的情况下,提供备用的HTML内容,保证网站的基本可用性。 ### 技巧11:创建查看源代码按钮 `<input type=button value=链接源代码 onclick="window.location='view-source:'+'http://www.williamlong.info'">`这一代码创建了一个按钮,点击后可以直接查看目标网站的源代码,对于开发者来说非常实用。 ### 技巧12:删除操作前的确认 通过`<a href="javascript:if(confirm("确实要删除?"))location="boos.asp?&areyou=删除&page=1"">删除</a>`,在进行删除操作前会弹出确认对话框,确保用户操作的准确性,避免误操作。 ### 技巧13:获取元素的坐标位置 利用JavaScript或VBScript编写函数,可以获取页面上特定元素的坐标位置,这对于布局调整和响应式设计非常有帮助。 ### 技巧14:聚焦时自动选择文本框中的内容 `<input type=text name=text1 value="123" onfocus="cc()">`,当文本框获得焦点时,其中的预设文本会被自动选中,方便用户进行替换或编辑。 ### 技巧15:获取引用来源页面 使用`javascript:document.referrer`,可以获取到用户是从哪个页面链接过来的,这对于分析用户行为和流量来源非常有用。 ### 技巧16:控制浏览器窗口状态 通过插入`<object>`标签,并设置其`Command`参数,可以实现对浏览器窗口最小化、最大化和关闭的控制,提高用户体验。 以上技巧涵盖了从基本的用户界面优化到高级的安全防护策略,是网站开发人员在构建和维护网站过程中不可或缺的知识点。
2. <body onselectstart= "return false "> 取消选取、防止复制
3. onpaste= "return false " 不准粘贴
4. oncopy= "return false; " oncut= "return false; " 防止复制
5. <link rel= "Shortcut Icon " href= "favicon.ico "> IE地址栏前换成自己的图标
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= "/blog/*.html> "; </iframe> </noscript>
11. <input type=button value=查看网页源代码 onclick= "window.location = "view-source: "+ "http://www.williamlong.info " ">
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) 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= "&t&chr(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键! "); //可以换成ALT CTRL } 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= "/blog/logo.jpg " 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.如何设定打开页面的大小 <y onload= "top.resizeTo(300,200); "> 打开页面的位置 <body onload= "top.moveBy(300,200); ">
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 <STYLE> body {background-image:url(/blog/logo.gif); background-repeat:no-repeat; background-position:center;background-attachment: fixed} </STYLE>
28. 检查一段字符串是否全由数字组成 <script language= "Javascript "> <!-- function checkNum(str){return str.match(//D/)==null} alert(checkNum( "1232142141 ")) alert(checkNum( "123214214a1 ")) // --> </script>
29. 获得一个窗口的大小 document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符 if (/[^/x00-/xff]/g.test(s)) alert( "含有汉字 "); else alert( "全是字符 ");
- 粉丝: 12
- 资源: 46
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助