经典JS技巧合集：40个小而精的实战技巧

需积分: 9 116 浏览量更新于2024-09-16 收藏 114KB PDF 举报

"40种JS技巧，包括禁用鼠标右键、取消选取、防止复制、设置页面图标、关闭输入法、防止被frame、禁止另存为、查看源代码提示、控件绝对位置获取等实用技巧" JavaScript（JS）是Web开发中的核心语言，用于增加网页的交互性和动态性。以下是对标题和描述中所提及的一些JS技巧的详细解释： 1. **禁用鼠标右键**：通过`oncontextmenu`事件，可以阻止用户在页面上点击鼠标右键打开上下文菜单。例如，`<body oncontextmenu="window.event.returnValue=false;">`。 2. **取消选取和防止复制**：`onselectstart`事件用于取消文本选取，`onpaste`、`oncopy`、`oncut`事件可以阻止复制内容。例如，`<body onselectstart="return false;">` 和 `<input style="ime-mode: disabled">`。 3. **设置页面图标**：使用`<link rel="Shortcut Icon" href="favicon.ico">`可以在浏览器标签页和收藏夹中显示自定义的网站图标。 4. **关闭输入法**：通过`ime-mode: disabled`样式，可以关闭输入法，适用于不需要输入法的输入框。 5. **防止网页被嵌入到框架中**：通过检查`top`和`self`的`location`属性，如果不在顶级窗口，则重定向到新的URL。例如，`if (top.location != self.location) top.location = self.location;`。 6. **禁止网页被另存为**：使用`<noscript>`标签和`<iframe>`可以阻止用户将网页另存为HTML文件。 7. **查看源代码提示**：创建一个按钮，当点击时，会跳转到`view-source:`协议，展示指定网页的源代码。例如，`<input type=button value="查看网页源代码" onclick="window.location='view-source:'+'http://www.pconline.com.cn'">`。 8. **删除确认**：在链接中使用`onclick`事件，弹出确认对话框，只有当用户确认后才执行删除操作。例如，`<a href="javascript:if(confirm("确实要删除吗?"))location='boos.asp?&areyou=删除&page=1'">删除</a>`。 9. **获取控件的绝对位置**：在JavaScript中，可以通过遍历DOM树，计算元素的`offsetTop`和`offsetLeft`属性来获取控件相对于文档的绝对位置。这些技巧展示了JavaScript在增强用户体验、保护网页内容以及实现特定功能方面的能力。然而，使用这些技巧时应谨慎，过度的限制可能会降低用户体验，而某些技巧可能不适用于所有浏览器或现代Web开发实践。在实际应用中，应该考虑兼容性、可访问性和用户体验等因素。

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键

< table border oncontextmenu=return(false)>< td>no< /table> 可用于 Tabl e

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=*.html>< /iframe>< /noscript>

11. < input type=button value=查看网页源代码

onclick="window.location = "view-source:"+ "http://www.pconline.com.cn"">

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;

下载后可阅读完整内容，剩余7页未读，立即下载

linuxcai

粉丝: 0
资源: 20

经典JS技巧合集：40个小而精的实战技巧

40种JAVASCRIPT技巧大全

40种js使用技巧！！！！

40种javascript小技巧

40种网站常用Javascript技巧

40种Javascript中常用的使用技巧

40种Javascript中常用的使用小技巧

40种JS网页常用小技巧+.txt

40种JS网页常用小技巧+.pdf

40 种网页技巧

40个javascript用法技巧

最新资源