提升用户体验：55个网页实用技巧防范右键、复制与隐私保护

需积分: 10 29 浏览量更新于2024-07-31 收藏 60KB DOC 举报

在本文档中，提供了55种网页设计与开发中的实用技巧，主要聚焦于JavaScript这一核心语言。以下是一些关键知识点的详细解析： 1. 鼠标右键事件处理：通过在HTML元素上添加`oncontextmenu="window.event.returnValue=false"`，可以阻止浏览器默认的右键菜单显示，实现对右键操作的完全控制。 2. 表格和文本选择禁用：`<table border oncontextmenu="return(false)">`和`<body onselectstart="return false">`分别用于防止用户在表格单元格或整个页面上进行选取和复制操作，提升用户体验。 3. 复制和粘贴限制：通过`onpaste="return false;"` 和 `oncopy="return false;"oncut="return false;"`，开发者可以防止用户在指定元素上执行复制、剪切和粘贴功能，这在保护敏感数据或防止恶意行为时十分有用。 4. 修改浏览器提示和图标：利用`<link rel="ShortcutIcon" href="favicon.ico">`和`<link rel="Bookmark" href="favicon.ico">`，可以在IE地址栏和浏览器收藏夹中设置自定义图标，提升网站的品牌识别度。 5. 关闭输入法和锁定页面：使用CSS属性`<input style="ime-mode:disabled">`可以禁止输入法的使用，同时`<script>`标签中的脚本可以确保页面始终在特定框架（frames.htm）中显示，或者防止页面被嵌套到其他框架中。 6. 防止页面劫持：通过检测浏览器窗口是否与当前页面一致，`<SCRIPT LANGUAGE="JAVASCRIPT">`中的代码可以防止页面被恶意重定向或嵌套显示。 7. 禁止另存为和查看源代码：`<noscript><iframe src=*.html></iframe></noscript>`组合使用可以阻止用户保存页面为本地文件，而`onclick`事件则创建一个链接，当用户点击时会自动打开浏览器的源代码查看器，指向特定URL。 8. 确认删除操作：在链接中使用`onclick`属性结合`confirm()`函数，确保用户在执行删除操作前得到确认，增加了交互的谨慎性。 9. 获取控件位置：提供了一个JavaScript函数`getIE()`，通过处理事件对象`e`，获取元素在页面上的绝对位置，这对于动态布局和调整元素位置非常实用。这些技巧展示了JavaScript在网页开发中的广泛应用，涵盖了交互、安全、个性化以及用户体验等多个方面，有助于提高网页设计的灵活性和安全性。通过掌握这些技巧，开发者可以创建出更加专业和用户友好的网页。

<METAHTTP-EQUIV="expires"CONTENT="Wed,26Feb199708:21:57GMT">

或者<METAHTTP-EQUIV="expires"CONTENT="0">

19.怎样让表单没有凹凸感？

<inputtype=textstyle="border:1solid#000000">

或

<inputtype=textstyle="border-left:none;border-right:none;border-top:none;border-bottom:

1solid#000000"></textarea>

20.<div><span>&<layer>的区别？G

<div>(division)用来定义大段的页面元素，会产生转行G

<span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行G

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

<bodyonblur="this.focus();">

22.不要滚动条?

让竖条没有:

<bodystyle="overflow:scroll;overflow-y:hidden">

</body>

让横条没有:

<bodystyle="overflow:scroll;overflow-x:hidden">

</body>

两个都去掉？更简单了G

<bodyscroll="no">

</body>

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

<ahref="#"onFocus="this.blur()"><imgsrc="logo.jpg"border=0></a>

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

<formname="form1"method="post"action="mailto:****@***.com"enctype="text/plain">

<inputtype=submit>

</form>

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

window.opener.location.reload()

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

<bodyonload="top.resizeTo(300,200);">

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

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

<STYLE>

body

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

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

</STYLE>

28.检查一段字符串是否全由数字组成

functioncheckNum(str){returnstr.match(//D/)==null}

alert(checkNum("1232142141"))

剩余14页未读，继续阅读

jin841023

粉丝: 0
资源: 1

提升用户体验：55个网页实用技巧防范右键、复制与隐私保护

wx494社区门诊管理系统小程序-php+vue+uniapp.zip（可运行源码+sql文件+文档）

速卖通外贸商品关键字挖掘工具

L:abVIEW FPGA

55种网页常用小技巧(javascript)

55种网页常用小技巧(值得珍藏)

55种Javascript网页常用小技巧

40种网页常用小技巧

40种网页常用小技巧.doc

JAVASCRIPT40种网页常用小技巧.pdf

40种网页常用小技巧(javascript)

最新资源