40个JavaScript实用技巧：屏蔽右键、防止复制等

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

"这份名为《40种JS技巧》的文档详细介绍了JavaScript编程中的一些实用技巧，涵盖了从基本操作到高级安全性的各个方面。以下是其中一些关键知识点的详细解读： 1. **禁用鼠标右键菜单**：通过在HTML元素上添加`oncontextmenu="window.event.returnValue=false"`，可以阻止用户使用鼠标右键执行默认的上下文菜单，这对于保护网站内容免受恶意修改很有用。 2. **表格与选区处理**：利用`<table borderoncontextmenu=return(false)>`和`<body onselectstart="return false">`，可以限制用户在表格或页面上的选择和复制行为，提升用户体验和内容安全性。 3. **粘贴限制**：通过设置`onpaste="return false;"` 和 `oncut="return false;"`，开发者可以防止用户在指定元素上进行粘贴和剪切操作，以控制数据的输入。 4. **自定义浏览器图标**：使用`<link rel="ShortcutIcon" href="favicon.ico">`和`<link rel="Bookmark" href="favicon.ico">`，可以让用户的浏览器地址栏和收藏夹显示特定的图标，增强品牌识别度。 5. **禁用输入法**：通过CSS样式`input style="ime-mode: disabled"`，开发者可以阻止文本输入框启用输入法，限制用户的输入方式。 6. **防止框架劫持**：JavaScript代码如`if(window==top)top.location.href="frames.htm"`，确保只有顶级窗口打开链接到框架网页，防止恶意嵌套框架的攻击。 7. **防止页面另存为**：通过 `<noscript>` 标签结合 `iframe`，可以阻止页面被用户保存为HTML文件，保护敏感信息。 8. **查看源代码功能**：设计一个按钮，点击后会弹出预设的网页源代码链接，允许用户了解网页构建细节，但不提供直接复制源代码的功能。 9. **删除操作确认**：在链接上添加`onclick`事件，使用`confirm`函数提示用户是否真的要执行删除操作，增强了用户的交互体验和决策过程。 10. **获取元素绝对位置**：通过JavaScript函数`getIE(e)`，开发者可以获取特定控件在页面上的精确坐标，这对于实现动态布局和定位非常有用。这些技巧展示了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页未读，立即下载

朱古力0

粉丝: 0
资源: 9

40个JavaScript实用技巧：屏蔽右键、防止复制等

Node.js硬实战 115个核心技巧.pdf

JAVASCRIPT40种网页常用小技巧.pdf

rabbitmq实战指南.pdf

2023前端面试上岸手册精选.pdf

深入浅出node.js pdf

pdf.js加载大型PDF文档

pdf.js 跨域问题

深入浅出nodejs.pdf 朴灵著

js 通过URL下载PDF文件

node.js in action,pdf

最新资源