JavaScript经典代码大全资源-CSDN文库

需积分: 9 181 浏览量 2011-12-07 18:56:46 上传评论收藏 6KB TXT 举报

根据给定的信息，“JavaScript经典代码大全”主要涵盖了多个实用的JavaScript代码片段，这些代码能够帮助开发者实现各种功能，包括但不限于阻止右键菜单、文本选择、粘贴操作等。接下来将对部分代码进行详细解析。 ### 1. 阻止右键菜单 ```javascript oncontextmenu="window.event.returnValue=false" ``` 此段代码通过`oncontextmenu`事件处理器来阻止浏览器默认的右键菜单显示。当用户尝试在页面上点击右键时，浏览器会执行`window.event.returnValue=false`，这会导致右键菜单不会弹出。这对于那些希望保护网页内容不被轻易复制的网站非常有用。 ### 2. 阻止表格被右键点击 ```html <table border oncontextmenu="return false;"><td>no</td></table> ``` 这段HTML代码利用了表格元素上的`oncontextmenu`属性，当用户试图在表格上右击时，返回`false`，从而阻止默认的右键菜单显示。这种方法可以应用于特定的表格元素上，防止用户对其内容进行右键操作。 ### 3. 阻止文本选择 ```html <body onselectstart="return false"> ``` 使用`onselectstart`事件处理器，可以通过返回`false`来阻止文本被选中。这对于那些不希望用户能够轻易地选择页面文本的情况很有用，比如某些版权保护页面。 ### 4. 阻止复制与剪切操作 ```javascript oncopy="return false;" oncut="return false;" ``` 这两行代码分别用于阻止用户的复制(`oncopy`)和剪切(`oncut`)操作。它们同样通过返回`false`来取消这些默认行为。 ### 5. 设置IE的快捷方式图标 ```html <link rel="Shortcut Icon" href="favicon.ico"> ``` 这段代码用于设置IE浏览器的快捷方式图标，当用户创建桌面或收藏夹中的快捷方式时，该图标会被用作页面的图标。这有助于提高网站的品牌识别度。 ### 6. 设置书签图标 ```html <link rel="Bookmark" href="favicon.ico"> ``` 类似于第5点，这段代码用于设置书签图标，使得用户在浏览器中收藏页面时可以显示一个自定义的图标。 ### 7. 禁用输入法编辑模式 ```html <input style="ime-mode: disabled"> ``` 对于支持IME（Input Method Editor）的浏览器，如IE，此代码将禁用输入法编辑模式。这对于需要控制用户输入格式的场景很有用。 ### 8. 自动跳转 ```javascript <script language="javascript">window.location.href = "http://www.51js.com/";</script> ``` 该段脚本自动将用户重定向到指定的URL地址。这种技术常用于网页导航的自动跳转，或者是广告页面的自动跳转等。 ### 9. 删除确认 ```html <a href="javascript:confirm('确实要删除?');location='boos.asp?&areyou=delete&page=1'">删除</a> ``` 这段代码用于在删除操作前显示一个确认对话框，只有当用户点击“确定”按钮后才会执行实际的删除操作。这对于避免误删操作非常重要。 ### 10. 获取键盘按键信息 ```javascript <script> function look() { if (event.shiftKey) alert("按下Shift!"); } document.onkeydown = look; </script> ``` 这段代码监听键盘按键事件，当用户按下Shift键时会弹出一个警告框提示。这对于检测用户是否按下了某些特定的键很有帮助。 ### 11. 禁止缓存 ```html <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache, must-revalidate"> <meta http-equiv="Expires" content="Wed, 26 Feb 1997 08:21:57 GMT"> <meta http-equiv="Expires" content="0"> ``` 这些元标签用于禁止浏览器缓存当前页面，确保用户每次访问时都能够获取最新的内容。这对于频繁更新的网页尤为重要。 ### 12. 自定义边框样式 ```html <input type="text" style="border: 1px solid #000000"> ``` 这段代码展示了如何使用CSS来自定义输入框的边框样式，比如这里的实线黑色边框。 ### 13. 控制层对象的显示状态 ```html <object id="hh1" classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"><param name="Command" value="Minimize"></object> <object id="hh2" classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"><param name="Command" value="Maximize"></object> <object id="hh3" classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"><param name="Command" value="Close"></object> ``` 这些代码段展示了如何使用ActiveX控件来控制页面上层对象的状态，比如最小化、最大化或者关闭层对象。 ### 14. 阻止页面失去焦点 ```html <body onblur="this.focus();"> ``` 通过`onblur`事件处理器，当页面失去焦点时，将会立即重新获得焦点。这对于保持用户的注意力集中于当前页面上很有帮助。 ### 15. 控制滚动条显示 ```html <body style="overflow: -Scroll; overflow-y: hidden"> ``` 这段代码用于隐藏页面的垂直滚动条，同时保留水平滚动条。这对于某些设计上需要隐藏滚动条的页面非常有用。 ### 16. 去除链接图片的蓝色边框 ```html <a href="#" onFocus="this.blur()"><img src="logo.jpg" border="0"></a> ``` 通过`onFocus`事件处理器并调用`this.blur()`方法，可以在鼠标移入链接时去除图片周围的蓝色边框，这对于提高用户体验非常有帮助。 ### 17. 表单提交至电子邮件 ```html <form name="form1" method="post" action="mailto:example@example.com" enctype="text/plain"> <input type="submit"> </form> ``` 该表单通过`mailto:`伪协议来直接发送邮件，用户填写完表单内容后，点击提交按钮可以直接打开默认邮件客户端，预填收件人地址，并附带表单数据作为邮件正文。 ### 18. 重载打开的窗口 ```javascript window.opener.location.reload() ``` 这段脚本用于重新加载打开当前窗口的窗口，通常用于某些弹出窗口在完成特定操作后需要刷新父窗口的情况。 ### 19. 调整窗口大小和位置 ```html <body onload="top.resizeTo(300, 200);"> <body onload="top.moveBy(300, 200);"> ``` 第一段代码用于调整窗口的大小，第二段代码则用于移动窗口的位置。这对于需要精确控制窗口显示的场景非常有用。 ### 20. 禁用滚动条 ```html <body scroll="no"> ``` 通过设置`scroll`属性为`no`，可以完全禁用页面的滚动条。这对于某些特定的设计布局很有用。以上内容详细介绍了给定文件中提到的部分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. 永远都会带着框架

<script language=";[url=http://www.51js.com/]http://www.51js.com/[/url]`";>

12.删除时确认