JavaScript网页精华：40个实用小技巧与安全策略

版权申诉

75 浏览量更新于2024-09-06 收藏 13KB PDF 举报

本文档《40种JS网页常用小技巧+.pdf》涵盖了JavaScript在网页开发中的实用技巧，旨在提升开发者对动态交互和用户体验的控制能力。以下是一些关键知识点的详细解析： 1. 鼠标右键屏蔽: 使用`oncontextmenu="window.event.returnValue=false"`属性可以阻止用户在网页元素上执行右键菜单操作，这对于防止未经授权的数据复制或页面篡改非常有用。在HTML表格（`<table border oncontextmenu="return(false)">`）中添加此属性可确保效果。 2. 取消选取和复制功能: 通过在`<body>`标签上设置`onselectstart="return false"`，可以避免用户在页面上拖拽选中内容，从而阻止文本的复制。 3. 粘贴限制: 通过`onpaste="return false"`和`oncut="return false"`，开发者可以禁止用户在指定元素上使用剪切板功能，保护敏感信息。 4. 图标定制: `link`标签中的`rel="ShortcutIcon"`和`rel="Bookmark"`属性允许你在IE地址栏和浏览器收藏夹中显示自定义图标，提升品牌形象和辨识度。 5. 输入法禁用: 使用CSS样式`ime-mode: disabled`可以关闭网页中的输入法功能，可能用于特定场景，如需要全键盘输入。 6. 框架导航控制: JavaScript脚本检查窗口是否为顶层窗口，如果是，则重定向到指定的框架网页，`<script>`中的条件语句实现这一功能。 7. 防止嵌套框架劫持: 通过检测顶级窗口与当前窗口是否相同，防止恶意框架嵌套，确保用户行为符合预期。 8. 禁止另存为网页: `<noscript>`标签结合`<iframe>`用于阻止浏览器保存页面，提高网站安全性。 9. 显示源代码功能: 提供一个按钮，点击后链接到`view-source:`模式，让用户查看源代码，可能是为了展示代码结构或教育目的。 10. 删除操作确认: 在链接中使用`confirm()`函数，提示用户确认删除操作，增加用户决策环节，防止误操作。 11. 获取控件绝对位置: 提供JavaScript函数`function`，用于获取页面元素的精确位置，对于定位和布局非常实用。这些技巧展示了JavaScript的强大之处，能够帮助开发者创建交互性更强、用户体验更佳的网页，同时也能增强网站的安全性和功能性。熟练掌握这些技巧，对于提升Web开发技能至关重要。

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

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=JA VASCRIPT><!--

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>

13. 取得控件的绝对位置

//Javascript

function getIE(e){

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

maodi_lzc

粉丝: 1
资源: 3万+

JavaScript网页精华：40个实用小技巧与安全策略

JAVASCRIPT40种网页常用小技巧.pdf

网页制作小技巧总结.pdf

40个网页常用小代码.pdf

Asp.net 40种网站设计常用技巧.pdf

程序员常用代码小技巧javascript归纳.pdf

Python常用的爬虫技巧总结.pdf

WEB_javascript技巧大全.pdf

ASP.Net.技巧收集.pdf

javascript常用代码.pdf

一些好用的bp插件bp小技巧.pdf

最新资源