JavaScript技巧合集：Web开发者的必备工具

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

"这篇文章列出了41个对Web开发者有用的JavaScript实用技巧，旨在帮助开发者提升网站功能和用户体验。以下是一些关键技巧： 1. 阻止鼠标右键菜单：通过在HTML元素上添加`oncontextmenu=”window.event.returnValue=false”`属性，可以防止用户在该元素上打开右键菜单，例如对于表格`<table oncontextmenu="return false;">...</table>`。 2. 禁止文本选择和复制：在`<body>`标签中设置`onselectstart=”return false”`可以防止用户选中文本，防止复制则可添加`oncopy=”return false;” oncut=”return false;”`。 3. 阻止粘贴操作：在需要禁止粘贴的输入框中，可以使用`onpaste=”return false”`来禁用这一功能。 4. 更改浏览器收藏夹中的图标：在HTML头部加入`<link rel=”ShortcutIcon” href=”favicon.ico”>`和`<link rel=”Bookmark” href=”favicon.ico”>`，可以设置自定义的favicon图标显示在收藏夹和地址栏。 5. 关闭输入法：对于特定输入框，使用`<input style=”ime-mode: disabled”>`可以关闭输入法。 6. 永远保持在框架内：使用JavaScript检测当前窗口是否为主窗口，如果不是，则重定向到框架页面，代码如下： ``` <script language=”JavaScript”><!– if(window==top)top.location.href=“frames.htm”;//frames.htm为框架网页 //–></script> ``` 7. 防止被其他页面frame：通过检查顶级窗口位置与当前窗口位置，如果不同则重定向至当前页面，避免被嵌入其他框架，代码如下： ``` <SCRIPT LANGUAGE=JAVASCRIPT><!– if(top.location!=self.location)top.location=self.location; //–></SCRIPT> ``` 8. 禁止网页被另存为：利用`<noscript>`和`<iframe>`标签，可以尝试阻止用户将网页另存为HTML文件。 9. 查看网页源代码按钮：创建一个按钮，点击后直接跳转至查看源码页面，代码如下： ``` <input type=button value=查看网页源代码 onclick=”window.location=‘view-source:’+‘http://www.pconline.com.cn’”> ``` 10. 删除操作确认提示：在删除链接或按钮上设置确认提示，如`<a href=”javascript:if(confirm(”确实要删除吗?”))location=“boos.asp?&areyou=删除&page=1””>删除</a>`。这些JavaScript技巧涵盖了从用户交互控制到页面安全性的多个方面，对于Web开发者来说是非常实用的参考资料。"

41个个Web开发者必须收藏的开发者必须收藏的JavaScript实用技巧实用技巧

Web开发者必须收藏的JavaScript实用技巧，供大家参考，具体内容如下

1. 将彻底屏蔽鼠标右键将彻底屏蔽鼠标右键

oncontextmenu=”window.event.returnValue=false”

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

2. 取消选取、防止复制取消选取、防止复制

< body onselectstart=”return false”>

3.JS不允许粘贴不允许粘贴

onpaste=”return false”

4. JS防止复制防止复制

oncopy=”return false;” oncut=”return false;”

5. IE 地址栏前换成自己的图标地址栏前换成自己的图标

< link rel=”Shortcut Icon” href=”favicon.ico”>

在文件的根目录放进去这个图片，后缀修改成ico就可以了

6.可以在收藏夹中显示出你的图标可以在收藏夹中显示出你的图标

< link rel=”Bookmark” href=”favicon.ico”>

7.关闭输入法关闭输入法

< input style=”ime-mode:disabled”>

8. 永远都会带着框架永远都会带着框架

< script language=”JavaScript”>< !–

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. 网页将不能被另存为网页将不能被另存为

< noscript>< iframe src=*.html>< /iframe>< /noscript>

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

< script language=”Javascript”>

function getIE(e){

var t=e.offsetTop;

var l=e.offsetLeft;

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

weixin_38742927

粉丝: 9
资源: 936

JavaScript技巧合集：Web开发者的必备工具

软件工程师-Web开发者可能不知道的12个Firebug技巧.docx

Javascript实用技巧.rar

JavaScript实用技巧合集：Web开发者必备

2021-2022年收藏的精品资料软件工程师Web开发者可能不知道的12个Firebug技巧.docx

深化专业技能：Web开发者版2.0 JavaScript详解

实战指南：现代专业Web开发者必备的JavaScript技术

深入理解JavaScript：专业Web开发者实战技巧

提升Web开发效率：JavaScript实用技巧精华汇总

提升Web设计效率：200个JavaScript实用技巧代码示例

Web开发者必读：《Professional JavaScript™高级指南》

最新资源