55个JavaScript实用技巧：从禁用右键到锁定页面源代码

186 浏览量更新于2024-08-29 收藏 110KB PDF 举报

本文档分享了55个实用的JavaScript编程技巧，帮助开发者提升网页交互性和安全性。以下是部分内容的详细解析： 1. **鼠标右键屏蔽**：通过在HTML元素上设置`oncontextmenu="window.event.returnValue=false"`，可以阻止用户使用鼠标右键执行默认的上下文菜单，如`<table border oncontextmenu="return false;">`，这对于保护网页内容不被随意复制或修改很有用。 2. **取消选取与复制**：通过`<body onselectstart="return false;">`属性，可以防止用户选择文本并进行复制操作，这对于防止敏感信息被盗取非常关键。 3. **粘贴限制**：通过`onpaste="return false;"`，可以禁止用户直接在页面上粘贴内容，进一步控制数据的输入。 4. **复制和剪切限制**：`oncopy="return false;"` 和 `oncut="return false;"` 可以阻止浏览器默认的剪切和复制功能，增加网页的安全性。 5. **自定义Favicon**：通过 `<link rel="Shortcut Icon" href="favicon.ico">` 和 `<link rel="Bookmark" href="favicon.ico">`，可以更改浏览器地址栏和收藏夹中的网页图标，提升品牌识别度。 6. **关闭输入法**：使用CSS样式 `input style="ime-mode: disabled;"` 可以让输入框无法启用输入法，确保输入格式的一致性。 7. **处理框架导航**：通过JavaScript检查窗口层级（`if(window==top)`），如果在顶层则重定向到框架页面，防止恶意框架嵌套。 8. **防止frame劫持**：利用 `if(top.location!=self.location)` 判断是否被嵌入到其他框架，如果是则强制重定向到自身页面，以避免被恶意利用。 9. **阻止另存为**：通过 `<noscript>` 标签和 `***src="/*.html>"` 避免直接下载页面内容，提高用户体验的同时保护网站内容。 10. **查看源代码链接**：创建一个按钮，点击后通过`window.location`跳转到`view-source:`模式下的网页源代码，便于开发者检查和学习。 11. **删除操作确认**：使用`confirm()`函数在用户执行删除操作前弹出确认对话框，确保操作的准确性。 12. **获取控件绝对位置**：JavaScript函数`getIE(e)`可能用于获取特定元素的精确位置，这对于动态布局或定位控件很有用。这些技巧展示了JavaScript的强大功能，不仅提升了用户体验，还能够帮助开发者增强网页安全性和维护网页的正常运行。掌握这些技巧，能够让你在开发过程中更加得心应手。

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

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.删除时确认

13. 取得控件的绝对位置

//Javascript

function getIE(e){

var t=e.offsetTop;

var l=e.offsetLeft;

while(e=e.offsetParent){

t+=e.offsetTop;

l+=e.offsetLeft;

}

alert(“top=”+t+”/nleft=”+l);

}

</script>

//VBScript

function getIE()

dim t,l,a,b

set a=document.all.img1

t=document.all.img1.offsetTop

l=document.all.img1.offsetLeft

while a.tagName<>”BODY”

set a = a.offsetParent

t=t+a.offsetTop

l=l+a.offsetLeft

wend

msgbox “top=”&t&chr(13)&”left=”&l,64,”得到控件的位置”

end function

–></script>

14. 光标是停在文本框文字的最后

function cc()

{

var e = event.srcElement;

var r =e.createTextRange();

r.moveStart(“character”,e.value.length);

r.collapse(true);

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

weixin_38674616

粉丝: 4
资源: 916

55个JavaScript实用技巧：从禁用右键到锁定页面源代码

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

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

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

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

技术资料分享nrf24L01中文资料很好的技术资料.zip

图片批量处理.zip

带流量主的证件照微信小程序源码

开题报告Hadoop基于大数据的音乐数据分析系统.docx

【路径规划】单障碍物和多障碍物的机器人避达问题仿真【含Matlab源码 7339期】.zip

国内市场：茎包膜市场现状研究分析与发展前景预测报告（2024版）.docx

最新资源