手机
当前位置:查字典教程网 >网页设计 >XHTML >html 空链接 href="#"与href="javascript:void(0)"的区别
html 空链接 href="#"与href="javascript:void(0)"的区别
摘要:#包含了一个位置信息默认的锚是#top也就是网页的上端而javascript:void(0)仅仅表示一个死链接这就是为什么有的时候页面很长浏...

#包含了一个位置信息

默认的锚是#top 也就是网页的上端

而javascript:void(0) 仅仅表示一个死链接

这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首

而javascript:void(0) 则不是如此

所以调用脚本的时候最好用void(0)

你可使用如下例子来测试一下:

代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> 这里是页首..... <p> &nbsp;</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <p> 1</p> <a href="#">这是会跳到页首的</a> <a href="javascript:void(0)">这个不会跳动</a> </body> </html>

提示:您可以先修改部分代码再运行

【html 空链接 href="#"与href="javascript:void(0)"的区别】相关文章:

html form表单提交action和url跳转到actiond的区别介绍

标记语言——锚点

html,xhtml,xml的区别介绍

html中的javascript 全选/取消全选操作示例代码

html body标签详解与html常用的控制标记

使用纯css禁用html中a标签无需JavaScript

在html中添加script脚本的2种方法和注意事项

html无序列表标签和有序列表标签使用示例

圆形元素在网页设计中的25个应用案例分享

disabled与readonly的作用及区别介绍

精品推荐
分类导航