JavaScript网页精华：40个实用小技巧

需积分: 3 49 浏览量更新于2024-09-16 2 收藏 68KB DOC 举报

本文档提供了一系列实用的JavaScript网页开发小技巧，共计40种，旨在提升开发者在创建网站时的灵活性和用户体验。以下是其中的一些关键知识点： 1. **阻止右键菜单** - 通过在HTML元素上添加`oncontextmenu="window.event.returnValue=false"`属性，可以完全屏蔽用户的鼠标右键操作，这对于防止用户进行复制、图片保存等操作非常有用。 2. **取消选取和复制** - 在`<body>`标签上使用`onselectstart="return false"`可以防止文本选择或拖动，从而避免用户对页面内容进行复制。 3. **限制粘贴功能** - 通过`<input type="text" onpaste="return false;">` 和 `<input type="text" oncut="return false;">`，可以禁止用户在输入框内直接粘贴或剪切内容。 4. **自定义浏览器图标** - 使用`<link rel="ShortcutIcon" href="favicon.ico">`和`<link rel="Bookmark" href="favicon.ico">`，可以在浏览器地址栏和收藏夹中设置独特的图标，提升品牌识别度。 5. **禁用输入法** - 通过CSS样式`<input style="ime-mode: disabled;">`，可以关闭输入法，限制用户使用键盘输入法。 6. **防止页面嵌入框架** - 当页面位于顶层窗口时，使用JavaScript检查`window==top`，如果满足条件，则重定向到框架页面，以防止恶意嵌套。 7. **防止页面被框架劫持** - 通过检测顶级窗口与当前窗口是否一致，确保用户看到的是预期的非框架内容。 8. **阻止另存为** - 使用`<noscript>`标签结合`<iframe>`，在无JavaScript环境下阻止页面被另存为HTML文件。 9. **查看源代码功能** - 创建一个按钮，点击后会跳转到`view-source:`模式，显示网页源代码，便于开发者分析。 10. **删除操作确认** - 在链接中使用JavaScript的`confirm()`函数，提示用户确认是否执行删除操作，增加了用户交互的安全性。 11. **获取控件绝对位置** - 提供了一个JavaScript函数`getIE(e)`，用于获取特定元素相对于浏览器窗口的精确坐标，常用于定位元素或实现动态效果。这些小技巧展示了JavaScript在网页开发中的广泛用途，无论是为了增强交互性、保护用户隐私还是优化用户体验，都值得开发者在实际项目中参考和应用。熟练掌握这些技巧，可以使您的网页设计更加专业且具有竞争力。

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

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键

<table border oncontextmenu=return(false)><td>no</table> 可用于 Table

2. <body onselectstart="return false"> 取消选取、防止复制

3. onpaste="return false" 不准粘贴

4. oncopy="return false;" oncut="return false;" 防止复制

5. <link rel="Shortcut Icon" href="favicon.ico"> IE 地址栏前换成自己的图标

6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

7. <input style="ime-mode:disabled"> 关闭输入法

8. 永远都会带着框架

if (window == top)top.location.href = "frames.htm"; //frames.htm 为框架网页

// --></script>

9. 防止被人 frame

<SCRIPT LANGUAGE=JAVASCRIPT><!--

if (top.location != self.location)top.location=self.location;

// --></SCRIPT>

10. 网页将不能被另存为

11. <input type=button value=查看网页源代码

onclick="window.location = "view-source:"+ "http://www.pconline.com.cn"">

12.删除时确认

<a href="javascript:if(confirm(" 确实要删除吗 ?"))location="boos.asp?&areyou= 删除

&page=1"">删除</a>

13. 取得控件的绝对位置

//Javascript

下载后可阅读完整内容，剩余7页未读，立即下载

绿色123

粉丝: 3
资源: 46

JavaScript网页精华：40个实用小技巧

40种JS网页常用小技巧+.txt

40种JS网页常用小技巧+.pdf

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

55种Javascript网页常用小技巧

JAVASCRIPT40种网页常用小技巧.pdf

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

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

40种网页常用小技巧

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

JS网页常用小技巧

最新资源