40个JavaScript高级技巧：禁用右键、防复制等实用方案

3星 · 超过75%的资源需积分: 9 45 浏览量更新于2024-09-16 1 收藏 114KB PDF 举报

本文档主要介绍了40种JavaScript（JS）技巧，这些技巧涵盖了JavaScript编程中的各种实用方法和安全策略，旨在提升开发者在实际项目中的开发效率和用户体验。以下是其中一些关键知识点的详细解释： 1. **右键菜单屏蔽**：通过`<table borderOnContextMenu="return(false)">`和`<body onselectstart="return false;">`属性，可以阻止用户使用鼠标右键进行菜单操作或选择文本，这对于防止网页内容被恶意复制非常有效。 2. **粘贴事件控制**：`onpaste="return false;"` 和 `oncut="return false;"` 属性用于禁用剪切板功能，防止未经授权的数据复制到其他地方，适用于保护敏感信息。 3. **自定义浏览器图标**：利用`<link rel="ShortcutIcon" href="favicon.ico">` 和 `<link rel="Bookmark" href="favicon.ico">`，可以改变浏览器地址栏和收藏夹中的网站图标，提升品牌识别度。 4. **禁用输入法**：设置`<input style="ime-mode: disabled;">`可防止用户切换到输入法状态，有助于简化表单交互。 5. **防止页面嵌套框架**：JavaScript代码段如`<script>` 中的条件判断，可以检测浏览器窗口是否为顶级窗口，从而避免页面被嵌套在其他框架内，提升页面的独立性和用户体验。 6. **防止页面被框架劫持**：通过检查顶级窗口与当前窗口是否一致，实现`<SCRIPT LANGUAGE="JavaScript">` 中的逻辑，确保页面不会被恶意的`<frameset>`或`<iframe>`劫持。 7. **禁止另存为网页**：使用`<noscript>`标签配合`<iframe>`，可以阻止浏览器提供“另存为”选项，保护网站内容免于被盗用。 8. **查看源代码功能**：允许用户点击按钮查看源代码，但链接到特定源代码URL（如`view-source:`），提供了可控的查看方式。 9. **删除操作确认**：通过`<a>`标签的`onclick`属性结合`confirm()`函数，确保删除操作前用户得到确认，增加了用户交互的安全性。 10. **获取元素位置**：`getIE(e)` 函数是一个JavaScript函数，它能帮助获取指定元素在屏幕上的绝对位置，这对于动态布局和响应式设计非常重要。这些技巧展示了JavaScript的强大功能和灵活性，它们不仅有助于开发者优化网页交互体验，还可以增强网站的安全性和定制化。了解并掌握这些技巧，可以让你在日常开发工作中更加得心应手。

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页未读，立即下载

zwt90

粉丝: 20
资源: 5

40个JavaScript高级技巧：禁用右键、防复制等实用方案

40种JAVASCRIPT技巧大全

40种js使用技巧！！！！

python中如何实现js中的<<<运算？

html背景图片轮变换

echarts 立体圆柱体

css中怎么把数字改成罗马数字,罗马数字和阿拉伯数字相互转换

生成一个cesium火焰特效

HTML 中怎么把数字改成罗马数字展示

用HTML和CSS写一个个人网站首页

最新资源