55个JavaScript经典开发技巧：屏蔽右键、防复制等实用方案

需积分: 10 58 浏览量更新于2024-07-22 1 收藏 164KB PDF 举报

本资源是一份实用的JavaScript技巧文档，涵盖了JavaScript编程中55个经典且常用的方法和策略。作为初学者或进阶开发者，了解并掌握这些技巧对于提升开发效率和避免常见问题至关重要。以下是一些关键知识点的详细介绍： 1. **阻止右键菜单**：通过在HTML元素上添加`oncontextmenu="window.event.returnValue=false"`，可以禁用浏览器默认的右键菜单，例如`<table borderoncontextmenu="return(false)">`用于表格元素，确保用户无法通过右键操作进行复制、粘贴等操作。 2. **取消选中和复制功能**：使用`<body onselectstart="return false">`属性，可以防止用户通过鼠标选择文本或拖拽内容，进而阻止复制行为。同时，`onpaste="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. **处理框架**：利用JavaScript判断当前窗口是否为顶级窗口，如果是则重定向到指定的框架网页，如 `if(window==top) top.location.href="frames.htm"`。这有助于控制页面的导航和结构。 6. **防止页面被嵌套（iframe）**：通过检查顶级窗口与当前窗口是否一致，如果不同，则强制重定向到自身，如 `<SCRIPT LANGUAGE="JAVASCRIPT">... if(top.location!=self.location) top.location=self.location;</SCRIPT>`。 7. **阻止下载和另存页面**：在页面中插入 `<noscript>` 标签，结合 `***src="/*.html"`，可阻止非脚本环境下的用户下载或另存网页。 8. **查看源代码链接**：创建一个按钮，点击后触发 `window.location` 设置为 "view-source:" 加上目标网站的URL，使用户直接查看源代码，例如 `<input type="button" value="查看网页源代码" onclick="...">`。 9. **删除操作确认**：在删除链接中，使用 `confirm()` 函数提示用户确认操作，如 `if(confirm("确实要删除吗?")) location="..."`，增强了用户体验和安全性。 10. **获取控件的绝对位置**：JavaScript中的`getBoundingClientRect()` 或 `offsetTop`、`offsetLeft` 属性可以用来获取元素在页面上的精确位置。这些技巧展示了JavaScript的强大之处，从交互设计到浏览器行为管理，都提供了丰富的解决方案。熟练掌握这些技巧，不仅能够提升网页的用户体验，还能避免常见的安全问题。对于任何级别的JavaScript开发者来说，这份文档都是必读之选。

21. 让弹出窗口总是在最上面 :

22. 不要滚动条 ?

让竖条没有 :

</body>

让横条没有 :

</body>

两个都去掉？更简单了

</body>

23. 怎样去掉图片链接点击后，图片周围的虚线？

24. 电子邮件处理提交表单

<form name="form1" method="post" action= mailto:****@***.com

enctype="text/plain">

</form>

25. 在打开的子窗口刷新父窗口的代码里如何写？

window.opener.location.reload()

26. 如何设定打开页面的大小

打开页面的位置 <body onload="top.moveBy(300,200);">

27. 在页面中如何加入不是满铺的背景图片 , 拉动页面时背景图不动

<STYLE>

body

{background-image:url(/logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}

剩余17页未读，继续阅读

xiewei110484

粉丝: 2
资源: 5

55个JavaScript经典开发技巧：屏蔽右键、防复制等实用方案

Javascript中最常用的55个经典技巧.wps

Javascript中最常用的55个经典技巧

javascript+常用函数练习

javascript string 常用方法

javascript 正则表达式匹配常用中文标点符号

robotframework中常用的javascript语句

javascript经典源代码最全

javascript中常用的系统函数有哪些

请简述JavaScript中常用跳转语句

请举例介绍JavaScript的数组常用方法

最新资源