JavaScript技巧集锦：40个实用窍门

需积分: 10 155 浏览量更新于2024-09-14 收藏 12KB TXT 举报

"这篇文章列出了40种常用的JavaScript技巧，涵盖了事件处理、页面交互、图标设置、框架管理和安全防护等多个方面。以下是一些关键点的详细说明：" 1. 右键菜单禁用：`oncontextmenu="window.event.returnValue=false"` 这个属性可以阻止用户在网页元素上右键点击时显示默认的上下文菜单。这通常用于防止用户对内容进行复制或其他操作。 2. 阻止文本选择：`<body onselectstart="return false">` 这个方法可以防止用户在网页上选中文本，常用于保护版权或防止恶意用户复制内容。 3. 禁止粘贴：`onpaste="return false"` 这个事件处理程序禁止用户将内容粘贴到指定的元素中，可以用于某些输入安全考虑的场景。 4. 禁止剪切和复制：`oncopy="return false;" oncut="return false;"` 分别阻止了用户的复制和剪切操作，进一步加强了内容的安全性。 5. 设定浏览器图标：`<link rel="Shortcut Icon" href="favicon.ico">` 这行代码将设定浏览器的书签图标，使得用户在收藏网站时看到自定义的图标。 6. 设置历史书签图标：`<link rel="Bookmark" href="favicon.ico">` 这行代码允许用户将当前页面添加到书签时，显示特定的图标。 7. 关闭输入法：`<input style="ime-mode: disabled">` 这样设置可以关闭输入框的输入法，通常用于只需要数字或特定字符输入的场合。 8. 检查是否在框架中加载：`if(window == top) top.location.href="frames.htm";` 如果当前页面不在顶级窗口中，会跳转到"frames.htm"，防止内容被嵌入到其他框架中。 9. 确保顶级窗口加载：`if(top.location != self.location) top.location=self.location;` 这个脚本确保页面始终在顶级窗口中打开，防止被框架劫持。 10. 无JavaScript时显示IFRAME：`<noscript><iframe src="/blog/*.html"></iframe></noscript>` 当用户禁用了JavaScript时，此代码会显示一个IFRAME，包含"/blog/*.html"的内容。 11. 转向源码查看：`onclick="window.location='view-source:'+'http://www.williamlong.info'"` 将按钮点击事件绑定到查看指定URL的源代码。 12. 确认删除操作：`if(confirm("ȷʵҪɾ?")) location="boos.asp?&areyou=ɾ&page=1"` 在删除操作前弹出确认对话框，如果用户确认，则跳转到删除页面。 13. 获取元素相对于文档的位置：`getIE(e)` 函数通过遍历元素的offsetParent属性获取元素在页面中的绝对位置，这对于布局调整和交互计算非常有用。以上仅是部分JavaScript技巧的介绍，实际文章中可能还包含了其他实用技巧，如动态修改DOM元素、事件委托、AJAX请求等，这些技巧对于提升网页的交互性和安全性都有重要作用。

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>

10. 网页将不能被另存为
<noscript><iframe src="/blog/*.html>";</iframe></noscript>

11. <input type=button value=查看网页源代码
onclick="window.location = "view-source:"+ "http://www.williamlong.info"">

剩余14页未读，继续阅读

CHILD_ABUSE

粉丝: 0
资源: 57

JavaScript技巧集锦：40个实用窍门

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

40种Javascript中常用的使用技巧

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

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

JAVASCRIPT40种网页常用小技巧.pdf

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

40种网页常用小技巧(javascript)[不时之需]

转载40种转载40种网页常用小技巧(javascript)－－备不时之需(javascript)－－备不时之需

40种网站设计常用技巧

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

最新资源