JavaScript实用技巧合集：55个小窍门

需积分: 1 91 浏览量更新于2024-07-27 收藏 186KB PDF 举报

"这篇资源是关于JavaScript的55个实用技巧，涵盖了网页开发中的各种功能增强和安全防护方法。" JavaScript是一种广泛应用于网页和应用程序的脚本语言，它在前端开发中扮演着至关重要的角色。这里列出的一些技巧可以帮助开发者更好地控制用户交互、提升用户体验以及保护网站内容。 1. **屏蔽鼠标右键**：通过`oncontextmenu="window.event.returnValue=false"`，可以阻止用户在网页上使用鼠标右键菜单，这对于防止内容被复制或执行其他不期望的操作很有帮助。 2. **禁止选取和复制**：`<body onselectstart="return false">` 可以阻止用户选取页面上的文本，同时防止文本内容被复制。 3. **禁用粘贴功能**：`onpaste="return false;"` 可以防止用户在特定输入域内粘贴内容，增强安全性。 4. **设置网页图标**：通过`<link rel="ShortcutIcon" href="favicon.ico">` 和 `<link rel="Bookmark" href="favicon.ico">`，可以在浏览器地址栏和收藏夹中显示自定义的网站图标。 5. **关闭输入法**：`<input style="ime-mode: disabled">` 可以禁用输入法，适用于不需要用户输入汉字或其他非英文字符的情况。 6. **框架定向**：JavaScript 代码可以检查当前窗口是否为主窗口，如果不是，则重定向到框架网页，如 `if (window == top) top.location.href = "frames.htm";`。 7. **防止被嵌入框架（frame）**：`if (top.location != self.location) top.location = self.location;` 这段代码可以检测页面是否被其他页面嵌入，如果是，则将页面设为主窗口，避免内容被盗用。 8. **禁止另存为**：`<noscript><*** src="/*.html"></noscript>` 可以阻止用户使用浏览器的“另存为”功能保存网页，增加内容保护。 9. **查看源代码链接**：通过创建一个按钮，当用户点击时，会跳转至查看指定网页的源代码页面。 10. **删除确认**：在删除链接中添加`onclick`事件，比如`onclick="if(confirm('确实要删除吗?')) location='boos.asp?&areyou=删除&page=1'"`，会在用户尝试删除时弹出确认对话框。 11. **获取控件位置**：JavaScript函数`getIE(e)`可以计算HTML元素的绝对位置，这在布局调整或动态效果中非常有用。这些技巧展示了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}

</STYLE>

剩余16页未读，继续阅读

qianqing13579

粉丝: 1000
资源: 86

JavaScript实用技巧合集：55个小窍门

javascript常用大全

JavaScript常用设计模式

JavaScript常用的正则表达式有哪些

3、JavaScript常用内置函数有哪些

javascript+常用函数练习

javascript常用函数速查手册

javascript string 常用方法

JavaScript常用内置对象使用例题

robotframework中常用的javascript语句

1500个前端开发常用javascript特效 html 版本

最新资源