网页制作实用技巧集锦

需积分: 7 116 浏览量更新于2024-10-25 收藏 7KB TXT 举报

"这篇文档包含了多个实用的网页制作技巧，主要针对有经验的网页开发者或设计者。内容包括阻止右键菜单、禁止选择文本、防止图片复制、设置网页图标、创建书签、禁用输入框的IME模式、检查是否在框架内、确保页面在顶级窗口显示、处理无脚本环境、创建跳转按钮以及弹出删除确认对话框等功能的实现代码。这些技巧可以帮助优化用户体验并保护网站内容不被轻易复制。" 详细说明： 1. 阻止右键菜单：通过`oncontextmenu="window.event.returnValue=false"`，可以防止用户在网页元素上点击右键打开默认菜单，从而保护网页上的某些功能不被轻易访问。 2. 禁止选择文本：`<body onselectstart="return false">` 可以阻止用户在网页中选中文字，这在需要保护版权内容或者避免文本被轻易复制的情况下非常有用。 3. 防止图片复制：通过`onpaste="return false"`，可以防止用户通过剪贴板复制图片，增加图片的安全性。 4. 设置网页图标：`<link rel="Shortcut Icon" href="favicon.ico">` 和 `<link rel="Bookmark" href="favicon.ico">` 分别用于在浏览器地址栏和书签栏显示网站的图标，提高品牌识别度。 5. 禁用输入框的IME模式：`<input style="ime-mode: disabled">` 可以关闭输入框的输入法，适用于不需要输入汉字或特殊字符的场景。 6. 检查是否在框架内：`if(window==top) top.location.href="frames.htm";` 用于判断当前页面是否在顶级窗口，如果不是，则将页面重定向到指定的"frames.htm"，防止页面被嵌入到其他框架中。 7. 确保页面在顶级窗口显示：`if(top.location!=self.location) top.location=self.location;` 类似于上一个技巧，防止页面被框架嵌套，确保始终在顶级窗口浏览。 8. 处理无脚本环境：`<noscript><iframe src="/blog/*.html"></iframe></noscript>` 在用户禁用JavaScript的情况下，显示一个默认的iframe链接，保证页面基本功能可用。 9. 创建跳转按钮：`<input type=button value=鿴ҳԴ onclick="window.location='view-source:http://www.hzlive.com.cn'">` 创建一个按钮，点击后用户可以查看页面源代码。 10. 删除确认对话框：`<a href="javascript:if(confirm("ȷʵҪɾ?"))location="boos.asp?&areyou=ɾ&page=1">ɾ</a>` 在用户点击删除链接时，会弹出确认对话框，避免误操作。这些技巧对于网页开发者来说是非常实用的，它们可以增强网页的功能性，提升用户体验，并提供一定程度的内容保护。通过学习和应用这些技巧，开发者可以更好地控制和定制他们的网页。

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><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.ico"> IE地址栏前换成自己的图标

6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

7. <input style="ime-mode:disabled"> 关闭输入法

8. 永远都会带着框架
<script language="JavaScript"></script>

9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT></SCRIPT>

10. 网页将不能被另存为
<noscript><iframe src="/blog/*.html>";</iframe></noscript>

11. <input type=button value=查看网页源代码
onclick="window.location = "view-source:"+ "http://www.hzlive.com.cn"">

剩余7页未读，继续阅读

wangwenlongd

粉丝: 1
资源: 3

网页制作实用技巧集锦

网页设计技巧及网页制作常见问题

网页设计典型应用技巧html源码

网页编写技巧网页开发

在网页设计中，如何使用Photoshop进行高效的颜色搭配和布局规划？请提供具体的操作步骤和技巧。

网页布局的方法技巧和具体步骤

食品html和子网页网页制作

用pyhton爬取网页中的视频

超市网页制作html

html影视网页制作

html网页设计作业

最新资源