40种网页常用小技巧资源-CSDN文库

需积分: 8 82 浏览量 2008-01-04 09:37:29 上传评论收藏 9KB TXT 举报

根据给定的信息，我们可以整理出一系列与网页设计和开发相关的实用技巧。这些技巧涵盖了JavaScript、HTML以及CSS的应用，旨在帮助开发者提升用户体验、增强网站功能并解决常见问题。 ### 1. 阻止右键菜单通过在`<table>`或`<body>`标签上添加`oncontextmenu="window.event.returnValue=false"`属性，可以阻止用户在该元素上显示右键菜单。例如： ```html <body oncontextmenu="window.event.returnValue=false"> ``` 这将禁止整个页面的右键菜单功能。 ### 2. 禁止文本选择若想阻止用户选中文本，可以在`<body>`标签内加入`onselectstart="return false"`。例如： ```html <body onselectstart="return false"> ``` ### 3. 禁止粘贴在表单输入框中禁止用户粘贴操作可以通过`onpaste="return false"`来实现： ```html <input type="text" onpaste="return false"> ``` ### 4. 禁止复制和剪切对于表单中的输入框，可以通过`oncopy`和`oncut`事件来禁止复制和剪切操作： ```html <input type="text" oncopy="return false" oncut="return false"> ``` ### 5. 设置快捷方式图标为了让浏览器地址栏显示图标，可以使用以下代码： ```html <link rel="Shortcut Icon" href="favicon.ico"> ``` 这里`favicon.ico`是指向图标文件的路径。 ### 6. 设置书签图标为了在用户的书签中显示图标，可以使用如下代码： ```html <link rel="Bookmark" href="favicon.ico"> ``` ### 7. 禁用输入法在某些情况下，可能需要禁用输入法，可以通过设置样式`ime-mode: disabled`来实现： ```html <input style="ime-mode: disabled"> ``` ### 8. 跳转至框架页如果希望用户访问特定的框架页面，可以使用如下脚本： ```javascript <script language="JavaScript"> if (window == top) { top.location.href = "frames.htm"; } </script> ``` 这里`frames.htm`是指向目标框架页面的路径。 ### 9. 防止框架嵌套防止当前页面被嵌套在其他框架中，可以使用以下脚本： ```javascript <script language="JavaScript"> if (top.location != self.location) { top.location = self.location; } </script> ``` ### 10. 非框架环境下隐藏内容若希望仅在非框架环境下显示某些内容，可以使用如下代码： ```html <noscript> <iframe src="*.html"></iframe> </noscript> ``` 这里的`*.html`是替换为实际页面路径。 ### 11. 查看源代码按钮为了方便用户查看页面源代码，可以添加一个按钮： ```html <input type="button" value="查看页面源代码" onclick="window.location='view-source:' + 'http://www.pconline.com.cn'"> ``` ### 12. 删除确认当用户进行删除操作时，通常会有一个确认提示，可以通过以下代码实现： ```html <a href="javascript:if (confirm('确定要删除吗？')) location='boos.asp?&areyou=删除&page=1'">删除</a> ``` ### 13. 获取元素位置获取页面中某个元素的坐标位置（顶部和左侧），可以使用JavaScript或VBScript来实现： #### JavaScript ```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 ```vb <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. 光标定位为了让光标自动定位到文本框末尾，可以使用以下脚本： ```javascript <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. 获取前一页面URL 为了获取当前页面是从哪个页面跳转过来的，可以使用JavaScript： ```javascript document.referrer ``` ### 16. 操作窗口大小对于控制浏览器窗口大小的操作，可以使用以下对象和参数： - 最小化窗口： ```html <object id="hh1" classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> <param name="Command" value="Minimize"> </object> ``` - 最大化窗口： ```html <object id="hh2" classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> <param name="Command" value="Maximize"> </object> ``` - 关闭窗口： ```html <OBJECT id="hh3" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <PARAM NAME="Command" VALUE="Close"> </OBJECT> ``` 以上技巧覆盖了网页开发中常见的需求，如阻止用户操作、设置图标、获取页面元素的位置等，有助于提高网站的功能性和用户体验。

资源推荐

资源详情

资源评论

40种网页常用小技巧(javascript)

作者：kingerq 发布时间：2004-10-15 13:29:01 | 【字体：大中小】

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. <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"></script>

9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT></SCRIPT>