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

需积分: 9 177 浏览量更新于2024-12-07 收藏 114KB PDF 举报

"这篇资源是关于40种JavaScript（JS）使用技巧的总结，涵盖了从基本的用户交互控制到防止页面被恶意利用的各种方法。这些技巧可以帮助开发者提升网站的安全性和用户体验，同时也提供了一些实用的页面操作功能。" 1. 鼠标右键屏蔽：通过在元素上设置`oncontextmenu="window.event.returnValue=false"`可以防止用户通过右键菜单执行默认操作，例如在你的网页上查看源代码或保存图片。 2. 取消选取和复制：在`<body>`标签中添加`onselectstart="return false"`可以阻止用户选取页面内容，同时`onpaste="return false"`、`oncopy="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检查`if(window == top)`，如果当前窗口不是顶级窗口，则重定向到框架页面，防止页面被其他站点嵌入。 6. 更改地址栏图标：通过`<link rel="ShortcutIcon" href="favicon.ico">`可以设置浏览器地址栏的图标。 7. 禁止另存为：`<noscript><iframe src=*.html></iframe></noscript>`的使用，可以防止用户通过"另存为"的方式保存网页。 8. 查看源代码按钮：通过创建一个`<input type="button" value="查看网页源代码" onclick="window.location='view-source:...'">`按钮，可以让用户方便地查看页面源代码。 9. 删除确认提示：在链接`<a>`标签中，通过`if(confirm("确实要删除吗?"))`在用户点击时弹出确认对话框，防止误操作。 10. 控件的绝对位置获取：JavaScript函数`getIE(e)`或`getPos(e)`可以用来获取HTML元素相对于文档的绝对位置，这对于需要进行精确定位的交互设计非常有用。 11. 脚本安全防护：通过比较`top.location`和`self.location`来防止页面被框架（frame）嵌套，确保页面只在独立窗口中打开。 12. 网页内容安全：通过`<noscript>`标签和`<iframe>`嵌套，可以防止恶意的脚本执行，提高网页安全性。以上只是部分技巧，完整的40种技巧涵盖了更广泛的领域，包括DOM操作、事件处理、性能优化、用户交互等，这些技巧都是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页未读，立即下载

learnalearn

粉丝: 1
资源: 1

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

40种JavaScript高级技巧：屏蔽右键、防复制等实用代码

JavaScript技巧集锦：40个实用技巧

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

40种javascript小技巧

40种JS技巧

40种Javascript中常用的使用技巧

40种JAVASCRIPT技巧大全

40种Javascript中常用的使用小技巧

40种网站常用Javascript技巧

40种在asp中使用技巧技巧

最新资源