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

187 浏览量更新于2024-08-31 收藏 94KB PDF 举报

"javascript 四十条常用技巧大全" 在JavaScript编程中，掌握一些实用的技巧可以显著提高代码的效率和可维护性。以下是一些常见的JavaScript技巧，涵盖了鼠标右键操作、页面元素交互、文本选择与复制限制以及自定义浏览器图标等方面： 1. 屏蔽鼠标右键：通过在HTML元素上添加`oncontextmenu`事件监听器，可以阻止默认的右键菜单出现。例如： ```html <table oncontextmenu="window.event.returnValue=false"><td>no</table> ``` 这样设置后，用户在表格上点击右键时，将无法打开默认的上下文菜单。 2. 取消选取和防止复制：在`<body>`标签上设置`onselectstart`和`onmousedown`事件，可以防止用户选取或复制页面上的文本。 ```html <body onselectstart="return false;" onmousedown="return false;"> ``` 这两个事件处理函数返回`false`，阻止了选取和拖拽操作。 3. 禁止粘贴：在需要禁用粘贴功能的输入元素上设置`onpaste`事件，返回`false`即可。 ```html <input type="text" onpaste="return false;"> ``` 4. 阻止复制和剪切：在元素上同时设置`oncopy`和`oncut`事件，返回`false`，可以禁止复制和剪切操作。 ```html <div oncopy="return false;" oncut="return false;"></div> ``` 5. 更改IE地址栏图标：在HTML头部添加`<link>`标签，设置`rel`为`Shortcut Icon`，`href`指向ICO图标文件，即可自定义浏览器图标。 ```html <link rel="Shortcut Icon" href="favicon.ico"> ``` 这样，当用户在地址栏输入网址时，会显示指定的图标。这些技巧虽然实用，但要注意它们可能影响用户体验。比如，完全禁止右键菜单和复制功能可能会对有特殊需求的用户造成不便。因此，在实际应用中应谨慎使用，确保平衡功能性和易用性。此外，随着浏览器的更新和Web标准的发展，某些技巧可能不再适用，建议定期检查并更新代码。

javascript 四十条常用技巧大全四十条常用技巧大全

1. 将彻底屏蔽鼠标右键将彻底屏蔽鼠标右键

oncontextmenu=”window.event.returnValue=false”

< table border oncontextmenu=return(false)>< td>no< /table> 可用于 Table

2. 取消选取、防止复制取消选取、防止复制

<span class="tag" style="color:rgb(0,0,128)">< <span class="attribute" style="color:rgb(0,128,128)">body</span> <span class="attribute"

style="color:rgb(0,128,128)">onselectstart</span>=<span class="value" style="color:rgb(221,17,68)">”return</span> <span class="attribute"

style="color:rgb(0,128,128)">false</span>”></span>

3.JS不允许粘贴不允许粘贴

onpaste=”return false”

4. JS防止复制防止复制

oncopy=”return false;” oncut=”return false;”

5. IE 地址栏前换成自己的图标地址栏前换成自己的图标

<span class="tag" style="color:rgb(0,0,128)">< <span class="attribute" style="color:rgb(0,128,128)">link</span> <span class="attribute"

style="color:rgb(0,128,128)">rel</span>=<span class="value" style="color:rgb(221,17,68)">”Shortcut</span> <span class="attribute"

style="color:rgb(0,128,128)">Icon</span>” <span class="attribute" style="color:rgb(0,128,128)">href</span>=<span class="value"

style="color:rgb(221,17,68)">”favicon.ico”</span>></span>

在文件的根目录放进去这个图片，后缀修改成ico就可以了

6.可以在收藏夹中显示出你的图标可以在收藏夹中显示出你的图标

<span class="tag" style="color:rgb(0,0,128)">< <span class="attribute" style="color:rgb(0,128,128)">link</span> <span class="attribute"

style="color:rgb(0,128,128)">rel</span>=<span class="value" style="color:rgb(221,17,68)">”Bookmark”</span> <span class="attribute"

style="color:rgb(0,128,128)">href</span>=<span class="value" style="color:rgb(221,17,68)">”favicon.ico”</span>></span>

7.关闭输入法关闭输入法

<span class="tag" style="color:rgb(0,0,128)">< <span class="attribute" style="color:rgb(0,128,128)">input</span> <span class="attribute"

style="color:rgb(0,128,128)">style</span>=<span class="value" style="color:rgb(221,17,68)">”ime-mode:disabled”</span>></span>

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>

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

weixin_38677585

粉丝: 5
资源: 938

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

40种Javascript中常用的使用技巧

javascript常用大全

JavaScript常用代码大全

刘志勇.javascript开发技术大全[m].北京:清华大学出版社,2009.

javascript实例自学手册

如何快速学好JavaScript

JavaScript怎么快速学习

深入理解现代javascript

javascript前端开发程序设计教程(微课版

javascript tools guide cc 中文

最新资源