网页开发小技巧：JavaScript秘籍
需积分: 10 41 浏览量
更新于2024-07-25
1
收藏 60KB DOC 举报
"网页开发中的55种常用小技巧主要涵盖了JavaScript的应用，以及一些增强用户体验和安全性的实践。这些技巧能够帮助开发者在项目中创建更具吸引力和功能性的网页。以下是部分详细解释：
1. 右键菜单禁用：通过`oncontextmenu="window.event.returnValue=false"`，可以阻止用户在页面上右键点击显示默认菜单，对于防止内容被轻易复制或执行特定操作有一定作用。
2. 阻止选取和复制：`<body onselectstart="return false;">` 可以防止用户选中文本，避免内容被轻易复制。
3. 禁止粘贴：通过`onpaste="return false;"`，可以阻止用户在表单元素中进行粘贴操作。
4. 防止复制：`oncopy="return false;" oncut="return false;"` 结合使用，可以阻止用户复制页面上的文本或数据。
5. 自定义浏览器图标：`<link rel="Shortcut Icon" href="favicon.ico">` 和 `<link rel="Bookmark" href="favicon.ico">` 让浏览器地址栏和收藏夹中显示自定义的网站图标。
6. 关闭输入法：`<input style="ime-mode: disabled">` 可以在某些输入框中关闭输入法，适用于不需要中文输入的场景。
7. 永远保持在框架内：通过JavaScript判断当前窗口是否为主窗口，如果不是则重定向至框架页面，以确保页面始终在框架内显示。
8. 防止被嵌入框架：`<script language="JavaScript">if(top.location!=self.location)top.location=self.location;</script>` 可以检测页面是否被其他页面嵌入，如果是，则将页面跳转至自身，防止内容被框架嵌套。
9. 禁止另存为：`<noscript><iframe src=*.html></iframe></noscript>` 利用`noscript`标签和`iframe`，可以防止用户将网页另存为本地文件。
10. 查看源代码按钮：通过创建一个按钮，当用户点击时，会跳转到`view-source:`协议查看网页源代码。
11. 删除确认提示：在链接中添加`onclick`事件，弹出确认对话框后才执行删除操作，例如：`<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1">删除</a>`。
12. 获取控件的绝对位置：JavaScript函数`getIE(e)`可以计算出HTML元素相对于文档顶部和左边的偏移量，这对于定位和布局调整很有帮助。
以上只是其中一部分技巧，实际的55种技巧还包括更多关于JavaScript交互、样式控制、表单验证等方面的内容。这些技巧的掌握能够使开发者在网页开发中更加得心应手，创造出更具交互性和安全性的网页。
<METAHTTP-EQUIV="expires"CONTENT="Wed,26Feb199708:21:57GMT">
或者<METAHTTP-EQUIV="expires"CONTENT="0">
19.怎样让表单没有凹凸感？
<inputtype=textstyle="border:1solid#000000">
或
<inputtype=textstyle="border-left:none;border-right:none;border-top:none;border-bottom:
1solid#000000"></textarea>
20.<div><span>&<layer>的区别？G
<div>(division)用来定义大段的页面元素，会产生转行G
<span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行G
<layer>是 ns 的标记，ie 不支持，相当于<div>
21.让弹出窗口总是在最上面:
<bodyonblur="this.focus();">
22.不要滚动条?
让竖条没有:
<bodystyle="overflow:scroll;overflow-y:hidden">
</body>
让横条没有:
<bodystyle="overflow:scroll;overflow-x:hidden">
</body>
两个都去掉？更简单了G
<bodyscroll="no">
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？
<ahref="#"onFocus="this.blur()"><imgsrc="logo.jpg"border=0></a>
24.电子邮件处理提交表单
<formname="form1"method="post"action="mailto:****@***.com"enctype="text/plain">
<inputtype=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()
26.如何设定打开页面的大小
<bodyonload="top.resizeTo(300,200);">
打开页面的位置<bodyonload="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.检查一段字符串是否全由数字组成
<scriptlanguage="Javascript"><!--
functioncheckNum(str){returnstr.match(//D/)==null}
alert(checkNum("1232142141"))
剩余14页未读，继续阅读
102 浏览量
点击了解资源详情
114 浏览量
2008-09-26 上传
136 浏览量
2008-12-22 上传
2007-11-14 上传
120 浏览量
天空神话
- 粉丝: 30
- 资源: 6
我的内容管理
展开
