常用页面效果
需积分: 0 22 浏览量
更新于2008-07-19
收藏 121KB DOC 举报
在网页设计中,实现各种交互效果能提升用户体验,下面将详细解释给定文件中的常用页面效果及其实现方法:
1. **禁用右键菜单**:通过`oncontextmenu`事件,可以阻止用户在页面元素上右键点击打开上下文菜单,例如`oncontextmenu="window.event.returnValue=false"`。
2. **禁止选取和复制**:使用`onselectstart="return false"`可以防止用户选中文本并进行复制,这在保护版权或防止恶意复制内容时很有用。
3. **禁用粘贴功能**:通过`onpaste="return false"`,可以阻止用户在表单字段或其他元素中粘贴内容。
4. **禁止复制和剪切**:结合`oncopy`和`oncut`事件,`oncopy="return false;" oncut="return false;"`可以防止用户复制或剪切页面内容。
5. **设置浏览器图标**:使用`<link rel="Shortcut Icon" href="favicon.ico">`和`<link rel="Bookmark" href="favicon.ico">`,可以为浏览器地址栏和收藏夹设置自定义图标。
6. **关闭输入法**:在输入框中添加`style="ime-mode:disabled"`,可以关闭输入法,适用于不需要输入法的场景。
7. **强制全屏显示**:通过检查`window == top`,如果当前窗口是顶级窗口,则重定向到包含框架的页面,这样可以确保页面始终全屏显示。
8. **防止被嵌入框架(frame)**:使用`if (top.location != self.location) top.location=self.location;`可以防止其他网页将你的页面作为框架加载。
9. **禁止另存为**:`<noscript><*** src="/*.html";</***></noscript>`尝试阻止用户将页面另存为本地文件,但这种方法并不是完全有效,因为用户可以通过其他方式保存页面。
10. **显示网页源代码**:通过`onclick`事件,用户点击按钮可以直接查看网页源代码,例如`<input type=button value="/查看网页源代码" onclick="window.location = 'view-source:' + 'http://www.pconline.com.cn'">`。
11. **确认删除操作**:在链接中添加`onclick`事件,弹出确认对话框,只有当用户确认后才会执行删除操作,例如`<a href=""javascript :if(confirm(" 确 实 要 删 除 吗 ?"))location="boos.asp?&areyou=删除&page=1">删除</a>`。
12. **获取控件的绝对位置**:通过JavaScript或VBScript,可以获取页面上元素的绝对坐标,这对于定位元素或执行某些基于位置的操作非常有用。
13. **光标自动移动到文本框末尾**:在文本框聚焦时,通过创建和选择文本范围,可以使得光标自动移动到文本框的例如`<input type=text name=text1 value="123" onfocus="cc()">`。
14. **获取上一页URL**:`document.referrer`是JavaScript的一个属性,它返回当前页面的来源URL,即用户从哪个页面跳转过来的。
15. **窗口操作**:通过ActiveX对象,可以实现最小化、最大化和关闭窗口的效果,例如`<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> <param name="Command" value="Minimize"></object>`可以最小化窗口。
以上就是一些常用的页面效果及其实现方法,它们可以帮助开发者创建更丰富、更互动的网页体验。然而,需要注意的是,某些效果可能会影响用户的正常操作,因此在使用时应谨慎考虑用户体验和功能需求。
em1985
- 粉丝: 0
- 资源: 13