40个JavaScript实用技巧：禁用右键、防止复制与个性化设置

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

本文档涵盖了40种JavaScript（JS）开发中常用的技巧，这些技巧对于提升网页交互性、保护网站内容安全以及优化用户体验具有重要意义。以下是对部分技巧的详细解释： 1. **阻止右键菜单**：通过在`<table>`或`<body>`元素上设置`oncontextmenu="window.event.returnValue=false"`，可以完全屏蔽用户对页面元素进行右键点击时弹出的默认菜单，防止诸如复制、图片保存等操作。 2. **禁用选择和复制**：`<bodyonselectstart="return false">`阻止了用户选择文本，而`<input style="ime-mode:disabled">`则关闭了输入法，进一步防止了内容的复制和剪切。 3. **限制粘贴事件**：`onpaste="return false;"`和`oncut="return false;"`阻止了用户通过快捷键或浏览器功能进行内容粘贴和剪切，有助于保护网站数据。 4. **自定义图标**：通过`<link rel="ShortcutIcon" href="favicon.ico">`和`<link rel="Bookmark" href="favicon.ico">`，开发者可以在浏览器的地址栏和收藏夹中显示自己定制的图标，提升品牌形象。 5. **处理框架加载**：通过JavaScript代码检查是否处于顶层窗口（`if(window==top)top.location.href="frames.htm";`），可以防止网页被嵌套在其他框架中，确保页面独立运行。 6. **防止页面被frame**：使用条件语句`if(top.location!=self.location)top.location=self.location;`确保页面不会被其他页面作为帧加载。 7. **禁止另存为**：利用`<noscript><iframe src=*.html></iframe></noscript>`结构，阻止用户直接保存网页源代码，保护页面设计。 8. **查看源代码链接**：提供一个按钮，点击后会跳转到指定的源代码查看地址，如`onclick="window.location='view-source:'+'http://www.pconline.com.cn'">查看网页源代码</a>`。 9. **确认删除操作**：在删除链接中添加`confirm`函数，如`if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"`，增加用户操作确认步骤，防止误操作。 10. **获取元素绝对位置**：`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页未读，立即下载

我爱众生1988

粉丝: 0
资源: 5

40个JavaScript实用技巧：禁用右键、防止复制与个性化设置

40种Javascript中常用的使用技巧

40种网站常用Javascript技巧

Three.js实战常用技巧

js逆向 jsvmp扣代码技巧

用js写一个软件开发程序

js 渡一教育 笔记

csdn node.js权威指南

JavaScript怎么快速学习

js-001-2017 中文

最新资源

js 渡一教育笔记