提升JavaScript编程效率的13个小技巧

下载需积分: 9 | DOC格式 | 59KB | 更新于2025-01-08 | 4 浏览量 | 举报

本文档是一篇关于JavaScript实用技巧的集合，涵盖了多个在Web开发中常见的、有助于提高用户体验和提升网站安全性的小窍门。以下是文章中介绍的部分知识点： 1. 阻止右键菜单：通过`oncontextmenu="window.event.returnValue=false"`，可以禁用页面元素（如表格）的右键上下文菜单，防止用户进行复制、图片保存等操作。 2. 取消文本选择和复制：使用`<body onselectstart="return false">`阻止用户选择文本，从而避免了内容被复制到剪贴板。 3. 禁止粘贴事件：通过`onpaste="return false"`，开发者可以限制用户在页面上粘贴内容，增强数据安全。 4. 输入法禁用：通过设置`<input style="ime-mode: disabled">`，可以关闭输入法功能，对输入框或表单元素进行特定控制。 5. 自定义浏览器工具栏图标：利用`<link rel="ShortcutIcon" href="favicon.ico">`和`<link rel="Bookmark" href="favicon.ico">`，可以在IE的地址栏和收藏夹中显示自定义图标，提升品牌形象。 6. 框架导航控制：通过JavaScript脚本检测浏览器窗口是否为顶层窗口，如果是，则重定向到框架网页，防止恶意跳转。 7. 防止iframe劫持：使用`<SCRIPT LANGUAGE=javascript>`来检查顶层窗口与当前页面是否一致，确保页面不会被嵌入到其他框架中。 8. 禁止另存网页：通过`<noscript><iframe src=*.html></iframe></noscript>`结构，阻止用户将整个页面另存为HTML文件。 9. 显示源代码查看按钮：提供一个按钮，点击后打开开发者工具查看源代码，帮助用户理解网页结构。 10. 删除操作确认：使用JavaScript的`confirm()`函数，让用户在执行删除操作前确认，增加用户交互的安全性。 11. 获取控件绝对位置：通过JavaScript，开发者可以获取到网页元素在屏幕上的精确位置，这对于布局和动态效果很有用。这些技巧展示了JavaScript在Web开发中的灵活性和实用性，可以帮助开发者构建更精细、交互性强且安全的网站。了解并掌握这些技巧，能有效提升网页的可用性和用户体验。

JavaScript 实用技巧集锦

2005-2-1　作者：AustinLei　转载自：CSDN　网友评论 0 条　点击进入论坛

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. 永远都会带着框架

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. 网页将不能被另存为

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>

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

bzzhang

粉丝: 0
资源: 3

提升JavaScript编程效率的13个小技巧

JavaScript 实用技巧集锦

JavaScript实用技巧集锦.doc

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

JavaScript 实用技巧集锦：55个小窍门

JavaScript 实用技巧集锦：57个小窍门

JavaScript实用技巧集锦：四十条高效秘诀

JavaScript实用技巧集锦：确认删除与安全编码

JavaScript实用技巧集锦：事件处理与浏览器优化

JavaScript实用技巧集锦：200个开发常见代码示例

JavaScript 实用技巧集锦：55个不可或缺的窍门

最新资源