• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 详解a href=#与 a href=javascript:void(0) 的区别

详解a href=#与 a href=javascript:void(0) 的区别

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含href,javascript:void(0)等相关知识,佚名 希望在学习及工作中可以帮助到您
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) 则不是如此
所以调用脚本的时候最好用void(0)
或者<input onclick>
<div onclick>等

打开新窗口链接的几种办法

1.window.open('url')
2.用自定义函数

a href="#this" onclick="javascript:方法"

您可能想查找下面的文章:

  • HTML的a标签href属性指定相对路径与绝对路径的用法讲解
  • a标签href属性与onclick事件使用实例
  • 详解a href=#与 a href=javascript:void(0) 的区别
  • html中用href 实现点击链接弹出文件下载对话框
  • html超链接a标签的href跳转跟onclick之间执行顺序示例介绍
  • 通过href简单实现点击a链接跳到页面中指定的地方
  • a标签href属性和onclick事件的比较介绍
  • src或者css背景图的url值为base64编码代码
  • 链接中的href=#是什么意思呢
  • html 空链接 href="#"与href="javascript:void(0)"的区别

相关文章

  • 2017-08-05UTF-8和GB2312网页编码
  • 2017-08-05在html的img src=""中调用js函数或js变量来动态指定图片路径
  • 2017-08-05网页排版应该考虑IE6的兼容性问题
  • 2017-08-05通过实例掌握BR和P标签的区别
  • 2017-08-05网页设计参考 firefox 默认样式
  • 2017-08-05浅析html 空格代码
  • 2017-08-05让iframe透明的参数
  • 2017-08-05设置table中的宽度不随文字改变让其固定
  • 2017-08-05IE9beta版本浏览器对HTML5/CSS3的支持
  • 2017-08-05W3C教程(9):W3C XPath 活动

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html页面中常用的一些小方法整理
    • html设置加粗、倾斜、下划线、删除线等字体效果
    • html中br和br/的区别介绍
    • HTML基础必看---表单,图片热点,网页划区和拼接详解
    • XHTML与CSS的面向对象编程
    • Table显示你要显示的边框代码
    • W3C教程(7):W3C XSL 活动
    • HTML的表单form以及form内部标签的使用
    • 纯css为select添加样式(无脚本)实现
    • html中设置锚点定位的几种常见方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有