掌握55个JavaScript实用技巧：提升编程效率

163 浏览量更新于2024-08-31 收藏 114KB PDF 举报

本文档是一份关于JavaScript编程的实用指南，分享了55个经典的技巧，旨在帮助开发者提升工作效率和优化用户体验。以下是部分内容的深入解析： 1. 防止右键菜单操作：通过在HTML元素上设置`oncontextmenu="window.event.returnValue=false"`属性，可以阻止用户使用鼠标右键执行默认的上下文菜单，如复制、粘贴等。这对于需要保护内容不被轻易复制的情况非常有用。 2. 阻止文本选择和复制：在`<body>`标签内添加`onselectstart="return false"`，可以避免用户选中文本后进行复制操作，适用于需要限制信息传播的场景。 3. 禁止粘贴和剪切：通过在`<input>`或`<textarea>`元素上设置`onpaste="return false"` 和 `oncut="return false"`，可以防止用户直接粘贴和剪切内容。 4. 自定义浏览器工具栏图标：利用`<link rel="ShortcutIcon" href="favicon.ico">` 和 `<link rel="Bookmark" href="favicon.ico">`，可以更改IE地址栏和收藏夹中显示的网站图标，增强品牌识别度。 5. 控制输入法：通过CSS样式设置`ime-mode: disabled`，可以暂时禁用网页中的输入法功能，对输入框的隐私保护或特定布局有帮助。 6. 跳转和框架处理：`<script>` 中的条件判断语句可以检查窗口是否为顶层窗口，如果是，则跳转到框架页面或阻止被其他框架劫持。 7. 防止页面被嵌入框架：使用类似的条件语句检测顶层窗口与当前窗口是否一致，确保页面不会被恶意嵌套。 8. 阻止网页另存为：通过`<noscript>`标签嵌套`<***src="/*.html">`，在无脚本支持的情况下，阻止用户将页面保存为本地文件。 9. 提供查看源代码功能：创建一个按钮，点击时通过`window.location`指向`view-source:`链接，允许用户查看源代码，但通常不建议在实际项目中鼓励此行为。 10. 弹出确认对话框：使用`confirm()`函数，如`onclick="if(confirm('确实要删除吗?'))location..."`，在删除操作前提示用户确认，提高安全性。 11. 获取控件绝对位置：JavaScript提供了API来获取元素的位置，这在动态布局或定位元素时非常关键。示例代码展示了如何通过JavaScript获取元素的坐标。这些技巧涵盖了JavaScript中基础的用户交互控制、性能优化以及网页安全等方面，对于前端开发人员来说，熟练掌握并运用这些技巧能够提升代码质量，增强用户体验。阅读并实践这些小技巧，无疑会使你的JavaScript技能更加全面。

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

22.不要滚动条?

让竖条没有:

</body>

让横条没有:

</body>

两个都去掉？更简单了

</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("全是字符");

31.TEXTAREA自适应文字行数的多少

<textarea rows=1 name=s1 cols=27 onpropertychange

="this.style.posHeight=this.scrollHeight">

</textarea>

32. 日期减去天数等于第二个日期

function cc(dd,dadd)

剩余11页未读，继续阅读

weixin_38696877

粉丝: 6
资源: 929

掌握55个JavaScript实用技巧：提升编程效率

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

javascript中最常用的55个经典技巧

Javascript中最常用的55个经典技巧.doc

Javascript中最常用的55个经典技巧 .txt

JavaScript最常用的55个经典技巧

Javascript中最常用的55个经典技巧收藏.txt

收藏Javascript中常用的55个经典技巧

Javascript中最常用的55个经典技巧（1-40） 绝对经典

VB程序实例-图像的打印.zip

VB程序实例-字形窗口.zip

最新资源

Javascript中最常用的55个经典技巧（1-40）绝对经典