40种JS网页常用小技巧+.pdf资源-CSDN下载

版权申诉

79 浏览量 2021-10-07 20:41:06 上传评论收藏 13KB PDF 举报

JavaScript，作为Web开发中的重要脚本语言，常常用于网页交互和增强用户体验。以下是一些JavaScript网页常用的小技巧，这些技巧可以提升网站的功能性和安全性： 1. **禁用鼠标右键菜单**：通过`oncontextmenu="window.event.returnValue=false"`，可以阻止用户在网页元素上点击鼠标右键显示默认的上下文菜单，例如对于表格（`<table>`）可以使用`<table border oncontextmenu=return(false)><td>no</table>`。 2. **禁止选取和复制**：`<body onselectstart="return false">` 可以防止用户选取页面上的文本，同时`onpaste="return false"`、`oncopy="return false;"`和`oncut="return false;"`可以阻止用户复制和粘贴内容。 3. **自定义浏览器图标**：通过`<link rel="Shortcut Icon" href="favicon.ico">`和`<link rel="Bookmark" href="favicon.ico">`，可以在浏览器地址栏和收藏夹中设置网站的专属图标。 4. **关闭输入法**：对于不希望用户使用输入法的输入框，可以使用`<input style="ime-mode:disabled">`来关闭输入法。 5. **防止被框架嵌套**：使用`if (window == top)top.location.href = "frames.htm";`可以确保页面始终在顶级窗口打开，防止被其他网页嵌入到框架（frame）中。 6. **防止另存为**：`<noscript><iframe src=*.html></iframe></noscript>`可以阻止用户将整个网页另存为HTML文件，但请注意，这并不能完全阻止用户获取网页内容。 7. **查看源代码按钮**：`<input type=button value= 查看网页源代码 onclick="window.location = 'view-source:'+ 'http://www.pconline.com.cn'">` 创建一个按钮，用户点击后可以直接查看网页源代码。 8. **删除确认对话框**：`<a href="javascript:if(confirm('确实要删除吗 ?'))location='boos.asp?&areyou=删除&page=1'">删除</a>` 在链接上添加确认对话框，只有当用户点击确定时才会执行删除操作。 9. **获取控件的绝对位置**：JavaScript和VBScript都可以实现获取控件在页面上的绝对位置，如`getIE()`函数，对于JavaScript可以用来调试和布局，而VBScript则适用于IE浏览器。 10. **光标定位到文本框末尾**：`function cc() {...}` 和 `onfocus="cc()"` 结合使用，可以确保用户聚焦文本框时，光标自动移动到文本末尾。 11. **获取上一页URL**：`document.referrer` 可以获取用户从哪个页面跳转到当前页面，这对于跟踪用户行为和分析流量来源很有用。 12. **窗口操作**：通过ActiveXObject可以控制窗口的最小化、最大化和关闭，例如`<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">` 可以最小化窗口，`<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA0`...`">` 可以实现其他窗口操作，但这种方法仅适用于旧版的IE浏览器。以上是40种JavaScript网页常用小技巧的部分介绍，它们涵盖了用户交互、安全防护、页面定制等多个方面，为网页开发者提供了实用的工具和方法，提升了网页的交互体验和安全性。

资源推荐

资源详情

资源评论