JavaScript 实用技巧集锦：57个小窍门

需积分: 3 53 浏览量更新于2024-08-01 收藏 84KB DOC 举报

"这篇资源是关于JavaScript编程中的57个实用技巧的汇总，涵盖了鼠标右键管理、页面选中与复制限制、图标设置、输入法控制、框架处理、页面另存为防护、源代码查看以及控件位置获取等多个方面，旨在帮助网页开发者提升JavaScript编程效率并增强网页交互体验。" 在JavaScript编程中，这些技巧对于优化用户体验和网站安全至关重要。首先，通过`oncontextmenu`事件处理程序可以控制鼠标右键菜单的行为，例如`window.event.returnValue=false`可禁用默认的右键菜单，避免用户对特定内容进行不必要的操作。对于表格，可以将此属性添加到`<table>`标签上，如`<table border oncontextmenu="return(false)"><td>no</table>`。其次，可以利用`onselectstart`、`onpaste`、`oncopy`和`oncut`事件来限制文本选取、粘贴和复制功能，例如`<body onselectstart="return false">`。这在保护网站内容不被轻易复制的情况下非常有用。设置网页图标是一个常见的需求，可以使用`<link rel="ShortcutIcon" href="favicon.ico">`和`<link rel="Bookmark" href="favicon.ico">`分别设置浏览器地址栏和收藏夹的图标。关闭输入法可以通过`<input style="ime-mode: disabled">`实现，这对于不需要输入法的输入框很有帮助。防止网页被嵌入到其他框架（frame）中，可以使用JavaScript检测`top.location`，如果当前窗口不是顶级窗口，则重定向到指定的非框架页面，如`<script>if(window==top) top.location.href="frames.htm";</script>`。禁止用户另存网页通常是为了版权保护，`<noscript><***src="/*.html"></***></noscript>`可以阻止另存为操作，但这种方式可能会影响非JavaScript支持的用户。提供查看源代码的按钮可以帮助开发者或用户快速查看代码，例如`<input type=button value="查看网页源代码" onclick="window.location='view-source:'+ 'http://www.pconline.com.cn/'">`。此外，还有通过`onclick`事件创建确认删除的提示，如`<a href=""javascript:if(confirm("确实要删除吗?")) location="boos.asp?&areyou=删除&page=1">删除</a>`，这样用户在执行删除操作前必须先确认。最后，JavaScript可以用来获取控件的绝对位置，如`getIE(e)`函数，它计算元素相对于文档顶部和左侧的距离，对于动态布局和交互设计很有帮助。这些技巧展示了JavaScript在实际开发中的灵活性和多样性，不仅提升了网页的功能性，也增强了安全性。掌握这些技巧，能够使开发者在编写JavaScript代码时更加游刃有余。

两个都去掉？更简单了

</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>

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

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

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

// --></script>

29. 获得一个窗口的大小

document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符

if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");

else alert("全是字符");

剩余17页未读，继续阅读

jiyin119

粉丝: 3
资源: 2

JavaScript 实用技巧集锦：57个小窍门

javascript常用大全

JavaScript常用55个技巧

javascript常用技巧

Javascript常用技巧

javascript 常用方法及技巧

Javascript常用小技巧

Javascript常用技巧总结

Javascript中最常用的57个经典技巧

Javascript常用小技巧汇总

javascript 常用 技巧.rar

最新资源

javascript 常用技巧.rar