35种网站常用Javascript技巧

最新推荐文章于 2025-08-07 21:48:39 发布
最新推荐文章于 2025-08-07 21:48:39 发布
阅读量330 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： javascrip 文章标签： javascript vbscript character command border 框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/faunjoe/article/details/4380864
本文汇总了一系列实用的网页操作技巧，包括禁用鼠标右键、防止文本选取和复制、自定义浏览器图标、保持页面在框架内显示等。还介绍了如何获取元素的绝对位置、设置文本框光标位置、判断页面来源等高级技巧。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  1. 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键   
  2. <table border oncontextmenu=return(false)><td>no</table> 可用于Table   
  3.   
  4. 2. <body onselectstart="return false"> 取消选取、防止复制   
  5.   
  6. 3. onpaste="return false" 不准粘贴   
  7.   
  8. 4. oncopy="return false;" oncut="return false;" 防止复制   
  9.   
  10. 5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标   
  11.   
  12. 6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标   
  13.   
  14. 7. <input style="ime-mode:disabled"> 关闭输入法   
  15.   
  16. 8. 永远都会带着框架   
  17. <script language="JavaScript"><!--   
  18. if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页   
  19. // --></script>   
  20.   
  21. 9. 防止被人frame   
  22. <SCRIPT LANGUAGE=JAVASCRIPT><!--    
  23. if (top.location != self.location)top.location=self.location;   
  24. // --></SCRIPT>   
  25.   
  26. 10. 网页将不能被另存为   
  27. <noscript><iframe src="/blog/*.html>";</iframe></noscript>    
  28.   
  29. 11. <input type=button value=查看网页源代码    
  30. onclick="window.location = "view-source:"+ "http://www.williamlong.info"">   
  31.   
  32. 12.删除时确认   
  33. <a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>    
  34.   
  35. 13. 取得控件的绝对位置   
  36. //Javascript   
  37. <script language="Javascript">   
  38. function getIE(e){   
  39. var t=e.offsetTop;   
  40. var l=e.offsetLeft;   
  41. while(e=e.offsetParent)   
  42. alert("top="+t+"/nleft="+l);   
  43. }   
  44. </script>   
  45.   
  46. //VBScript   
  47. <script language="VBScript"><!--   
  48. function getIE()   
  49. dim t,l,a,b   
  50. set a=document.all.img1   
  51. t=document.all.img1.offsetTop   
  52. l=document.all.img1.offsetLeft   
  53. while a.tagName<>"BODY"  
  54. set a = a.offsetParent   
  55. t=t+a.offsetTop   
  56. l=l+a.offsetLeft   
  57. wend   
  58. msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"  
  59. end function  
  60. --></script>   
  61.   
  62. 14. 光标是停在文本框文字的最后   
  63. <script language="javascript">   
  64. function cc()   
  65. {   
  66. var e = event.srcElement;   
  67. var r =e.createTextRange();   
  68. r.moveStart("character",e.value.length);   
  69. r.collapse(true);   
  70. r.select();   
  71. }   
  72. </script>   
  73. <input type=text name=text1 value="123" onfocus="cc()">   
  74.   
  75. 15. 判断上一页的来源   
  76. javascript:   
  77. document.referrer  

 

 

Js代码 复制代码
  1. 16. 最小化、最大化、关闭窗口   
  2. <object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">    
  3. <param name="Command" value="Minimize"></object>   
  4. <object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">    
  5. <param name="Command" value="Maximize"></object>   
  6. <OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">   
  7. <PARAM NAME="Command" VALUE="Close"></OBJECT>   
  8. <input type=button value=最小化 onclick=hh1.Click()>   
  9. <input type=button value=最大化 onclick=hh2.Click()>   
  10. <input type=button value=关闭 onclick=hh3.Click()>   
  11. 本例适用于IE   
  12.   
  13. 17.屏蔽功能键Shift,Alt,Ctrl   
  14. <script>   
  15. function look(){    
  16. if(event.shiftKey)    
  17. alert("禁止按Shift键!"); //可以换成ALT　CTRL   
  18. }    
  19. document.onkeydown=look;    
  20. </script>   
  21.   
  22. 18. 网页不会被缓存   
  23. <META HTTP-EQUIV="pragma" CONTENT="no-cache">   
  24. <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">   
  25. <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">   
  26. 或者<META HTTP-EQUIV="expires" CONTENT="0">   
  27.   
  28. 19.怎样让表单没有凹凸感？   
  29. <input type=text style="border:1 solid #000000">    
  30. 或   
  31. <input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:    
  32.   
  33. 1 solid #000000"></textarea>   
  34.   
  35. 20.<div><span>&<layer>的区别？    
  36. <div>(division)用来定义大段的页面元素，会产生转行    
  37. <span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行    
  38. <layer>是ns的标记，ie不支持，相当于<div>   
  39.   
  40. 21.让弹出窗口总是在最上面:   
  41. <body onblur="this.focus();">   
  42.   
  43. 22.不要滚动条?    
  44. 让竖条没有:    
  45. <body style="overflow:scroll;overflow-y:hidden">    
  46. </body>    
  47. 让横条没有:    
  48. <body style="overflow:scroll;overflow-x:hidden">    
  49. </body>    
  50. 两个都去掉？更简单了    
  51. <body scroll="no">    
  52. </body>    
  53.   
  54. 23.怎样去掉图片链接点击后，图片周围的虚线？   
  55. <a href="#" onFocus="this.blur()"><img src="/blog/logo.jpg" border=0></a>   
  56.   
  57. 24.电子邮件处理提交表单   
  58. <form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">    
  59. <input type=submit>   
  60. </form>   
  61.   
  62. 25.在打开的子窗口刷新父窗口的代码里如何写？   
  63. window.opener.location.reload()   
  64.   
  65. 26.如何设定打开页面的大小   
  66. <body onload="top.resizeTo(300,200);">   
  67. 打开页面的位置<body onload="top.moveBy(300,200);">   
  68.   
  69. 27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动    
  70. <STYLE>    
  71. body    
  72. {background-image:url(/blog/logo.gif); background-repeat:no-repeat;    
  73. background-position:center;background-attachment: fixed}    
  74. </STYLE>    
  75.   
  76. 28. 检查一段字符串是否全由数字组成   
  77. <script language="Javascript"><!--   
  78. function checkNum(str){return str.match(//D/)==null}   
  79. alert(checkNum("1232142141"))   
  80. alert(checkNum("123214214a1"))   
  81. // --></script>   
  82.   
  83. 29. 获得一个窗口的大小   
  84. document.body.clientWidth; document.body.clientHeight   
  85.   
  86. 30. 怎么判断是否是字符   
  87. if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");   
  88. else alert("全是字符");   
  89.   
  90. 31.TEXTAREA自适应文字行数的多少   
  91. <textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">   
  92. </textarea>   
  93.   
  94. 32. 日期减去天数等于第二个日期   
  95. <script language=Javascript>   
  96. function cc(dd,dadd)   
  97. {   
  98. //可以加上错误处理   
  99. var a = new Date(dd)   
  100. a = a.valueOf()   
  101. a = a - dadd * 24 * 60 * 60 * 1000   
  102. a = new Date(a)   
  103. alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")   
  104. }   
  105. cc("12/23/2002",2)   
  106. </script>   
  107.   
  108. 33. 选择了哪一个Radio   
  109. <HTML><script language="vbscript">   
  110. function checkme()   
  111. for each ob in radio1   
  112. if ob.checked then window.alert ob.value   
  113. next   
  114. end function  
  115. </script><BODY>   
  116. <INPUT name="radio1" type="radio" value="style" checked>Style   
  117. <INPUT name="radio1" type="radio" value="barcode">Barcode   
  118. <INPUT type="button" value="check" onclick="checkme()">   
  119. </BODY></HTML>   
  120.   
  121. 34.脚本永不出错   
  122. <SCRIPT LANGUAGE="JavaScript">    
  123. <!-- Hide    
  124. function killErrors() {    
  125. return true;    
  126. }    
  127. window.onerror = killErrors;    
  128. // -->    
  129. </SCRIPT>   
  130.   
  131. 35.ENTER键可以让光标移到下一个输入框   
  132. <input onkeydown="if(event.keyCode==13)event.keyCode=9">  
JavaScript 逆向爬虫技巧总结（番外篇）
bigcrab的博客
09-04 2338
总结
40种网页常用小技巧(javascript)
03-22
以下是从提供的文本中提取出的40种JavaScript网页常用小技巧： 1. **禁用鼠标右键菜单**： 通过在元素上添加`oncontextmenu="window.event.returnValue=false"`属性，可以阻止用户右键点击时显示默认的上下文菜单...
JavaScript 逆向调试常用技巧
weixin_43102784的博客
09-21 4110
接下来介绍一个非常重要的功能 —— 断点调试。在调试代码的时候，我们可以在需要的位置上打断点，当对应事件触发时，浏览器就会自动停在断点的位置等待调试，此时我们可以选择单步调试，在面板中观察调用栈、变量值，以更好地追踪对应位置的执行逻辑。那么断点怎么打呢？我们接着以上面的例子来说。首先单击如图所示的代码行号。这时候行号处就出现了一个蓝色的箭头，这就证明断点已经添加好了，同时在右侧的 Breakpoints 选项卡下会出现我们添加的断点的列表。
15个常用的JavaScript简写技巧
前端开发博客
10-29 6394
大家好，我是 漫步，今天来分享几个JS 常见的简写技巧，助你写出更优秀的代码，喜欢的话，记得关注我并设为星标及时收到文章。任何编程语言的简写技巧都能够帮助你编写更简练的代码，让你用更少的代...
JavaScript 逆向技巧总结
qq_39217312的博客
08-12 2276
本节属于知识总结，只是对思路的梳理，不对具体内容进行展开JS 逆向可以分为三大部分： 寻找入口， 调试分析， 模拟执行： 这是非常关键的一步，逆向在大部分情况下就是找一些加密参数到底是怎么来的，比如请求中的 token ，sign 等参数到底在哪里构造的， 这个关键逻辑可能写在某个关键的方法里面或者隐藏在某个关键的变量里面。一个网站加载了很多 JS 文件，那么怎么从这么多 JS 代码里面找到关键的位置，那就是一个关键的问题，这就是寻找入口。
40种网站常用Javascript技巧
陈亚平 的技术博客
02-25 3092
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用
19+ JavaScript 常用的简写技巧
CG国斌的博客
07-26 1万+
博主说：对于任何基于 JavaScript 的开发人员来说，这绝对是一篇必读的文章，此乃提升开发效率之神器也。 正文1. 三元操作符当你想用一行代码来写if...else语句的时候，使用三元操作符是非常好的选择，例如：const x = 20; let answer; if (x > 10) { answer = 'is greater'; } else { answer = 'is
JavaScript 开发人员需要知道的简写技巧
葡萄城技术团队博客
10-24 1万+
本文来源于多年的 JavaScript 编码技术经验，适合所有正在使用 JavaScript 编程的开发人员阅读。本文的目的在于帮助大家更加熟练的运用 JavaScript 语言来进行开发工作。
『JavaScript』全面掌握JavaScript数组的操作、方法与高级技巧
老陈聊架构
12-26 1940
📣读完这篇文章里你能收获到：学习JavaScript中数组的基本操作，掌握JavaScript数组的多种内置方法，了解JavaScript中的数组扩展运算符、Array.from()和Array.of()等实用技巧，熟悉如何在JavaScript中使用数组方法进行数据处理
在JavaScript中实现继承的几种方式
热门推荐
官方推荐
07-02 1万+
在JavaScript中实现继承的几种方式
Javascript常用小技巧汇总
10-24
本文将深入探讨JavaScript中的几个常用小技巧，这些技巧可以帮助开发者提高代码效率和可读性。 首先，我们来看看布尔表达式。在JavaScript中，`null`, `undefined`, 空字符串`''`, 以及数字`0`被视为假性值（falsy...
javascript初学者常用技巧
10-25
JavaScript 是一种广泛应用于网页和网络应用的脚本语言，对于初学者来说，掌握一些基础技巧是非常重要的。本文将重点介绍JavaScript的存放位置、标准格式以及一些常用的事件处理。 首先，我们来看JavaScript的存放...
JavaScript数组常用操作技巧汇总
10-25
JavaScript数组操作技巧汇总的知识点详细解读： ...以上就是JavaScript数组常用操作技巧的详细解读，涵盖了数组的基本操作方法和一些实际使用场景。掌握这些技巧有助于编写更加高效、优雅的JavaScript代码。
JAVASCRIPT40种网页常用小技巧.pdf
10-09
这份"JAVASCRIPT40种网页常用小技巧.pdf"文件显然包含了提高网页开发效率和用户体验的各种实用技巧。以下是一些关键技巧的详细解释： 1. `oncontextmenu="window.event.returnValue=false"`：这个属性用于禁用右键...
ref存储对象和reactive深度响应式递归地对对象的嵌套属性进行响应式处理
lf_1234的博客
08-06 968
摘要：ref 不会递归处理对象的嵌套属性，仅对顶层数据进行响应式处理。若需深度响应式，应使用 reactive。示例中，ref 存储的嵌套对象 profile 修改后视图不会更新，而 reactive 能确保嵌套属性（如 age）触发更新。总结：ref 适合基本类型或简单对象（需 .value），reactive 适合复杂对象（自动深度响应式）。
使用萤石云播放视频及主题模版配置
多看书少吃饭的博客
08-07 669
本文介绍了如何在H5页面中集成萤石云视频播放功能。首先需要安装ezuikit-js依赖，然后通过EZUIKitPlayer组件传入accessToken和视频URL即可实现基础播放功能。文章详细说明了两种版本（UIKIT和UIKITPRO）的区别，并提供了完整的代码示例，包括视频容器设置、自动播放配置和样式调整。此外，还介绍了如何通过template字段自定义视频主题模板，包括官方模板和自定义模板两种方式。最后提及了WEB端和H5端均可进行模板配置，为开发者提供了完整的萤石云视频接入解决方案。
数论手机辅助：打造便捷高效的移动应用交互体验
cybersnow精通 28 门计算机语言，凭借其超凡的技术能力，成功开发过上万个应用，广泛涉及政府、商业、个人等众多领域，甚至在检察院、环保局、公安局等专业场景中也大放异彩。不仅熟练掌握单片机和物联网开发，在软件架构设计方面更是独树一帜，自创了跨平台软件
08-06 1227
关键在于实现 WebView 弹窗的拖动大小功能，通过监听窗口的触摸事件，在触摸按下时记录初始的窗口大小和触摸位置，在触摸移动过程中根据触摸位置的变化计算新的窗口大小，并更新窗口的布局参数，从而实现窗口大小可随触摸操作动态改变。方法中，目前只是通过 Toast 提示接收到了要插入的文本，实际应用中可以根据需求进一步完善，比如利用 AccessibilityService 来实现真正的文本插入操作，将选中的文本模拟输入到当前聚焦的输入框中，从而实现更加智能化和便捷的交互体验。在 Android 端的。
【JS】扁平树数据转为树结构
最新发布
此人太懒，没有任何简介
08-07 434
摘要：本文展示了如何将扁平数据结构转换为树形结构的JavaScript实现。通过buildTree函数，可以根据指定的ID和父ID字段将扁平数据转换为嵌套的树形结构，并可选地删除空子节点。示例代码演示了如何将包含公司部门信息的扁平数据转换为层级分明的树状结构，结果输出为JSON格式的树形数据。该工具函数适用于处理组织机构、菜单等需要层级展示的数据场景。
JavaScript技巧集锦：40个实用技巧
"40种网站常用Javascript技巧+.txt" 在网页开发中，JavaScript是一种非常重要的脚本语言，它能够增强用户体验，实现丰富的交互性功能。以下是一些常见的JavaScript技巧，适用于网站开发： 1. 右键菜单禁用：通过在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值