JavaScript技巧集锦：网页控制与交互

需积分: 10 31 浏览量更新于2024-10-24 收藏 12KB TXT 举报

"这篇文章列出了40种常用的JavaScript技巧，主要涉及页面交互、用户行为控制以及页面安全等方面。" 在Web开发中，JavaScript是一种至关重要的脚本语言，它赋予了网页动态交互的能力。以下是部分介绍的JavaScript技巧： 1. 隐藏鼠标右键菜单：通过在元素上设置`oncontextmenu="window.event.returnValue=false"`可以防止用户通过右键菜单访问特定功能。例如，在表格`<table>`中应用此属性，用户将无法在表格上右键点击。 2. 禁止文本选中与复制：在`<body>`标签中添加`onselectstart="return false"`，可以防止用户选取和复制页面上的文本内容。 3. 禁止粘贴：在元素上设置`onpaste="return false"`，阻止用户将内容粘贴到该元素内，增强了对用户输入的控制。 4. 禁止剪切和复制：通过`oncopy="return false;"`和`oncut="return false;"`，可以防止用户剪切或复制页面上的数据，提高数据安全性。 5. 设置Favicon图标：使用`<link rel="ShortcutIcon" href="favicon.ico">`和`<link rel="Bookmark" href="favicon.ico">`可以为浏览器标签页和书签设置自定义图标。 6. 禁止框架跳转：对于防止恶意框架注入，可以使用JavaScript检查当前窗口是否为主窗口，如果不是，则重定向到指定页面，如`if(window==top) top.location.href="frames.htm";`。 7. 禁用IME输入：在输入框`<input>`中设置`style="ime-mode:disabled"`，可以禁止用户使用输入法进行输入。 8. 检查并防止被嵌入框架：`if(top.location!=self.location) top.location=self.location;`这段代码可以检测当前页面是否在其他框架中加载，如果是，则将其设为主窗口，防止页面被嵌入到其他站点的框架中。 9. 在没有JavaScript支持的情况下显示iframe：使用`<noscript>`标签，当用户禁用了JavaScript时，可以加载一个iframe作为备选。 10. 创建按钮跳转链接：通过`<input type=button value=鿴ҳԴ onclick="window.location='view-source:'+'http://www.williamlong.info'">`创建一个按钮，点击后会打开源码查看器查看指定URL的源代码。 11. 删除确认提示：在删除操作链接中，使用`if(confirm("ȷʵҪɾ?")) location="boos.asp?&areyou=ɾ&page=1"`，会在用户点击前弹出确认对话框，避免误操作。 12. 获取元素相对于文档的位置：`getIE(e)`函数通过遍历元素及其父元素的`offsetTop`和`offsetLeft`属性，可以获取元素在页面中的绝对位置，这对于定位和交互设计很有帮助。以上是一些常见的JavaScript技巧，它们可以帮助开发者提升用户体验，增强页面安全性，以及实现各种交互效果。熟练掌握这些技巧，将使你在Web开发中更加游刃有余。

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. 永远都会带着框架
<script language="JavaScript"></script>

9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT></SCRIPT>

10. 网页将不能被另存为
<noscript><iframe src="/blog/*.html>";</iframe></noscript>

11. <input type=button value=查看网页源代码
onclick="window.location = "view-source:"+ "http://www.williamlong.info"">

剩余14页未读，继续阅读

liujunjie204

粉丝: 0
资源: 16

JavaScript技巧集锦：网页控制与交互

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

40种Javascript中常用的使用技巧

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

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

JAVASCRIPT40种网页常用小技巧.pdf

40种网页常用小技巧(javascript).doc

40种网页常用小技巧(javascript)[不时之需]

转载40种转载40种网页常用小技巧(javascript)－－备不时之需(javascript)－－备不时之需

40种网站设计常用技巧

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

最新资源