JavaScript初学者必备：小技巧与安全设置

需积分: 12 92 浏览量更新于2024-07-29 收藏 70KB DOC 举报

"这篇文档是针对JavaScript初学者的，提供了几个关键知识点，旨在帮助初学者更好地理解和掌握JavaScript在实际应用中的技巧。文档列举了13个JavaScript代码片段，涵盖了页面交互、安全防护以及用户界面控制等多个方面。" 1. 鼠标右键屏蔽：通过`oncontextmenu="window.event.returnValue=false"`可以阻止用户在网页上点击右键菜单，从而增加网站的安全性或防止未授权的用户操作。 2. 取消选取与防止复制：`<body onselectstart="return false">`用于禁止用户选取页面内容，`onpaste="return false"`、`oncopy="return false"; oncut="return false;"`则可以防止用户复制页面上的信息，这对于保护版权或者敏感信息非常有用。 3. 自定义收藏夹图标：通过`<link rel="ShortcutIcon" href="favicon.ico">`和`<link rel="Bookmark" href="favicon.ico">`，可以设置浏览器收藏夹中显示的网页图标。 4. 关闭输入法：`<input style="ime-mode: disabled">`可以关闭输入法，适用于不需要输入法的特定输入框，比如密码输入等。 5. 框架页面强制加载：`if (window == top) top.location.href = "frames.htm";` 这段代码确保页面始终在顶级窗口中打开，防止被嵌入到其他框架中。 6. 防止被frame：`if (top.location != self.location) top.location = self.location;`这段代码检测当前页面是否在顶层窗口，如果不是，则将页面重定向到自身，防止被其他网页frame。 7. 禁止保存网页：`<noscript><*** src="/*.html"></***></noscript>`通过noscript标签，可以阻止用户另存为网页。 8. 查看源代码按钮：`<input type=button value="/查看网页源代码" onclick="window.location='view-source:'+'http://www.pconline.com.cn'">`创建一个按钮，点击后跳转至查看网页源代码的页面。 9. 删除确认提示：`<a href=""javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1">删除</a>`在用户尝试删除时弹出确认对话框，避免误操作。 10. 获取控件的绝对位置：JavaScript函数`getIE(e)`可以获取元素的垂直和水平偏移量，对于页面布局和交互设计很有帮助。 11. 其他未列出的代码片段可能涉及到更多的页面交互和用户行为控制，这些技巧对于初学者了解JavaScript如何影响网页行为非常重要。通过学习这些JavaScript小常识，初学者能够提升其在网页开发中的实践能力，理解如何实现一些基本的用户交互和页面保护机制。然而，需要注意的是，一些功能如禁止复制、右键菜单和保存网页可能会对用户体验产生负面影响，因此在实际应用中应谨慎考虑。

流浪哥

粉丝: 0
资源: 5

JavaScript初学者必备：小技巧与安全设置

JavaScript+常识

javascript常识

在美妆商城小程序里面定期更新一些美妆基本小常识的代码

html tr加样式,Javascript操作table,tr,td和表格CSS样式设置小常识

javascript 动画小游戏

javascript 微信小程序

简单的JavaScript小程序

javascript小游戏开发

javascript调整字体大小

说说JavaScript在小程序上的应用

最新资源