美文网首页
超链接标签href属性小知识

超链接标签href属性小知识

作者: 顽固的小BUG | 来源:发表于2019-08-19 08:08 被阅读0次
为什么要使用href=”javascript:void(0);”

href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地;
而void(0)表示一个空的方法,也就是不执行js函数。

为什么要使用href=”javascript:void(0);”

javascript:是伪协议,表示url的内容通过javascript执行。
void(0)表示不作任何操作,这样会防止链接跳转到其他页面。
这么做往往是为了保留链接的样式,但不让链接执行实际操作.

1.<a href="javascript:void(0)" onClick="window.open()">点击链接后,页面不动,只打开链接;
2.<a href="#" onclick="javascript:return false;"> 作用一样,但不同浏览器会有差异。
href=”javascript:void(0);”与href=”#"的区别
<a href="javascript:void(0)">点击</a>点击链接后不会回到网页顶部;
<a href="#">点击</a>点击后会回到网面顶部;
"#"其实是包含了位置信息,例如默认的锚点是#top 也就是网页的上端;
javascript:void(0) 仅仅表示一个死链接。
使用javascript的方法
<a href="#" onclick="javascript:方法;return false;">文字</a>

<a href="javascript:void(0)" onclick="javascript:方法;return false;">文字</a>

补充 <a href="javascript:test();"这样点击a标签就可以执行test()函数了。

相关文章

  • 超链接标签href属性小知识

    为什么要使用href=”javascript:void(0);” href=”javascript:void(0)...

  • a 标签的href,title,target属性

    a 标签的href,title,target属性是什么? href属性用于指定超链接目标的url title属性规...

  • web前端入门到实战:a标签调用js的几种方法

    a标签点击事件方法汇总 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的...

  • a标签调用js的几种方法

    我们常用的在a标签中有点击事件: 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何...

  • 超链接

    内容 超链接标签是双标记标签并且 超链接标签是行内标签又叫内联标签 href属性的属性值可以是网址,比如 百度一下...

  • html超链接

    超链接标签a 超链接使用: 超链接属性: href - - -指明要跳转到的地址 eg: \点击跳转到百度 ,...

  • 2020-06-06 HTML重点 12课

    1、 标签 常用属性href =(hyper refence) 超链接 用于连接网页targetdownloadr...

  • <a href="#"><

    标签的 href 属性用于指定超链接目标的 URL。 href 属性的值可以是任何有效文档的相对或绝对 URL,包...

  • HTML常用标签

    1 a 标签的用法 a是一个超链接标签,点击a可以跳转到另外一个页面. 1.1 a标签的属性 href超链接地址...

  • HTML常用标签的总结

    1. a 标签的用法 属性 href超链接 target指定在哪个窗口打开超链接 download rel=noo...

网友评论

      本文标题:超链接标签href属性小知识

      本文链接:https://www.haomeiwen.com/subject/qzujsctx.html