分享Javascript中最常用的55个经典小技巧资源-CSDN文库

198 浏览量 2020-12-03 19:39:12 上传评论收藏 111KB PDF 举报

1. oncontextmenu=”window.event.returnValue=false” 将彻底屏蔽鼠标右键<table xss=removed><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 JavaScript是Web开发中不可或缺的一部分，它提供了丰富的功能来增强网页的交互性和动态性。下面将详细解释标题和描述中提到的一些经典技巧，并扩展讨论相关的JavaScript知识点。 1. **屏蔽鼠标右键**：`oncontextmenu` 事件可以阻止浏览器默认的右键菜单出现。例如，`oncontextmenu=”window.event.returnValue=false”` 可以阻止用户在指定元素上右键点击后显示菜单。在表格 `<table>` 中使用时，可以保护表格内容不被轻易操作。 2. **取消选取和防止复制**：通过 `onselectstart` 事件，可以禁止用户选中文本。例如，`<body onselectstart=”return false”>` 可以阻止整个页面的文本被选中。同时，`onpaste`, `oncopy`, 和 `oncut` 事件可以分别用于阻止粘贴、复制和剪切操作，如 `onpaste=”return false”`。 3. **设置网页图标**：`<link rel=”Shortcut Icon” href=”favicon.ico”>` 和 `<link rel=”Bookmark” href=”favicon.ico”>` 用于定义浏览器标签页和收藏夹中的图标。`favicon.ico` 是图标文件的路径。 4. **关闭输入法**：对于某些不需要输入法的输入框，可以使用 `style=”ime-mode:disabled”` 来禁用输入法，如 `<input style=”ime-mode:disabled”>`。 5. **防止被框架嵌入**：`if (window == top)` 判断当前页面是否是顶级窗口，如果不是，即被嵌入到其他框架中，可以使用 `top.location.href` 强制跳转至框架页面。 6. **防止另存为**：`<noscript>` 标签内的内容在用户禁用JavaScript时才执行，`<*** src=”/*.html>”;</***>` 试图阻止网页被另存为HTML文件。 7. **查看源代码链接**：`onclick` 事件可以绑定一个函数，如 `onclick=”window.location = ‘view-source:’+ ‘//www.jb51.net’”`，点击按钮后会跳转到查看指定网址的源代码。 8. **删除确认**：在删除操作前，使用 `confirm()` 函数弹出确认对话框，只有当用户点击确认时才会执行删除操作，例如 `if(confirm(“确实要删除吗?”))location.href=“boos.asp?&areyou=删除&page=1”`。 9. **获取控件绝对位置**：JavaScript 中，可以使用 `offsetTop` 和 `offsetLeft` 属性获取元素相对于其offsetParent的顶部和左侧距离，以实现获取控件的绝对位置。 10. **光标定位**：`createTextRange()` 和 `moveStart()` 方法可用于将文本框的光标移动到例如 `cc()` 函数中的实现。 11. **获取上一页来源**：`document.referrer` 属性返回当前页面的来源URL，即用户从哪个页面跳转过来的。 12. **窗口操作**：通过ActiveXObject对象，如 `clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11`，可以执行窗口最小化、最大化和关闭等操作，但这种方法只适用于旧版的Internet Explorer浏览器。除了以上技巧，JavaScript 还包括许多其他功能，如DOM操作、事件处理、AJAX异步通信、定时器、CSS操作等。了解并熟练掌握这些技巧，将有助于提升网页的用户体验和交互性。

资源推荐

资源详情

资源评论