JavaScript与javascript:void(0)的使用详解
"javascript;与javascript:void(0)在超链接中的使用详解" JavaScript 和 `javascript:void(0)` 是在HTML中处理超链接时常见的技术,主要用于控制页面的行为和交互。这两种方式都允许开发者通过JavaScript代码来执行特定的操作,而不是让浏览器跳转到一个新的URL。 `javascript:` 前缀通常用于在`href`属性中指定一个JavaScript表达式,当用户点击链接时,这个表达式会被执行。例如,`href="#"`会将页面滚动到顶部,因为`#`是一个锚点,代表页面的顶部。然而,如果没有任何实际的URL需要导航,使用`javascript:`后跟一个表达式,如`javascript:void(0);`,可以防止页面发生滚动或其他不必要的行为。 `javascript:void(0)` 是一个常见的技巧,用来阻止默认的链接行为。`void`操作符在JavaScript中用于计算表达式但不返回任何值,`0`作为参数传入,确保链接被点击时不会导致页面滚动或刷新。这在创建按钮或链接样式的元素时非常有用,它们需要触发JavaScript事件,而不是导航到新的位置。例如,你可能会看到这样的用法: ```html <a href="javascript:void(0)" onclick="yourFunction();">点击我</a> ``` 在上面的例子中,`onclick`事件调用`yourFunction()`,而`javascript:void(0)`确保链接点击不会导致页面改变。 另外,`<input onclick>`和`<div onclick>`等元素也可以使用相同的概念,通过JavaScript处理用户的交互,而不是通过链接进行导航。例如: ```html <input type="button" onclick="yourFunction();" value="点击我"> <div onclick="yourFunction();">点击我</div> ``` 在这些例子中,当用户点击输入按钮或div时,`yourFunction()`会被执行。 有时,为了防止某些浏览器的默认行为,如新窗口打开,我们可能需要更复杂的处理。例如,以下代码片段展示了如何使用`onclick`事件打开一个新窗口,并确保在所有浏览器中都能正常工作: ```html <script> function openWin(tag, obj) { obj.target = "_blank"; obj.href = "Web/Substation/Substation.aspx?stationno=" + tag; obj.click(); } </script> <a href="javascript:void(0)" onclick="openWin(3, this)">LINK_TEST</a> ``` 对于空链接,有几种不同的表示方法: 1. `<a href="#">空链接示例</a>` - 这会导致页面滚动到顶部,应谨慎使用。 2. `<a href="javascript:void(0)">空链接示例</a>` - 阻止页面行为,适合触发JavaScript事件。 3. `<a href="javasc">空链接示例</a>` - 这不是一个有效的链接,浏览器可能会抛出错误,通常应避免。 总结起来,`javascript:`和`javascript:void(0)`在超链接中主要用来执行JavaScript代码,提供交互性,同时避免页面的意外导航。它们是网页开发中控制用户行为和实现动态功能的关键工具。
href=”#”,包含了一个位置信息.默认的锚是#top,也就是网页的上端,当连续快速点击此链接时会导致浏览器巨慢甚至崩溃。
当然我们一般用三个 href="###",不过看了这篇文章我们以后就可以使用javascript:;(一个冒号一个分号)
javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。
javascript:;好些,javascript:void(0);据说某些情况下有浏览器兼容bug。(此点bug我也不知道什么时候能出现,知道的童鞋请指教)。
可以写成javascript:;,qq空间很多都是写成javascript:;
我感觉这两者之间没有什么差别,都是执行一个空事件。
javascript:;甚至少了7个字符,呵呵。
新浪微博写的是javascript:void(0);
我以前一直写的是javascript:void(0);但是现在写的都是javascript:;
a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP
<a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接
<a href="#" onclick="javascript:return false;"> 作用同上,不同浏览器会有差异。
点击链接后,不想使页面滚到页首,就用href="javascript:void(0)",不要用href="#",return false也有类似作用
详解href="#"与href="javascript:void(0)"的区别
"#"包含了一个位置信息
默认的锚点是#top 也就是网页的上端
而javascript:void(0) 仅仅表示一个死链接
这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首
而javascript:void(0) 则不是如此
下载后可阅读完整内容,剩余3页未读,立即下载
- 粉丝: 6
- 资源: 2
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- C++标准程序库:权威指南
- Java解惑:奇数判断误区与改进方法
- C++编程必读:20种设计模式详解与实战
- LM3S8962微控制器数据手册
- 51单片机C语言实战教程:从入门到精通
- Spring3.0权威指南:JavaEE6实战
- Win32多线程程序设计详解
- Lucene2.9.1开发全攻略:从环境配置到索引创建
- 内存虚拟硬盘技术:提升电脑速度的秘密武器
- Java操作数据库:保存与显示图片到数据库及页面
- ISO14001:2004环境管理体系要求详解
- ShopExV4.8二次开发详解
- 企业形象与产品推广一站式网站建设技术方案揭秘
- Shopex二次开发:触发器与控制器重定向技术详解
- FPGA开发实战指南:创新设计与进阶技巧
- ShopExV4.8二次开发入门:解决升级问题与功能扩展