整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

JavaScript-a标签“href”用“#”还是“javascript:void(0)”?

a标签额外有onclick事件时 , href的几种情况.

<a href="#" onclick="myJsFunc();">Link</a>
<a href="javascript:void(0)" onclick="myJsFunc();">Link</a>
<a onclick="myJsFunc();">Link</a>

href带值这可能是一种不好的做法。

原因如下:

  1. 它促进了侵入性 JavaScript 的实践 - 结果证明它难以维护且难以扩展。在Unobtrusive JavaScript 中有更多关于这方面的信息。
  2. 您将时间花在编写极其冗长的代码上——这对您的代码库几乎没有好处(如果有的话)。
  3. 现在有更好、更简单、更易于维护和可扩展的方法来实现所需的结果。

时我们会遇到这种需要在a标签上添加click事件,并且跳转前处理一些事务,因此需要做一些处理,看很多人会这样写

<a href="#">link</a>,

但是发现点击后页面返回了顶部,所以又出现了这样的写法等

<a href="###">link</a>

但这样并不兼容所有浏览器,有些浏览器就会出现很怪异的形为。 因此,这个问题还需要其它方法来解决。

方法一

<a href="javascript:void(0)">百度</a>

void是一个操作符,void(0)返回undefined,地址不发生跳转

<a href="javascript:;">百度</a>

和以上相同,返回undefined

方法二 用return false

<a href="http://baidu.com" onclick="show()">百度</a> <script>

function show(){

alert("我没跳转");

return false;

}

击蓝字 关注我们


分享兴趣,传播快乐,增长见闻,留下美好!亲爱的您,这里是Learning yard新学苑。今天小编为大家带来《a标签的使用方法》。

Share interest, spread happiness, increase knowledge, and leave behind beauty! Dear you, this is Learning yard New Academy. Today, Xiaobian brings you "How to Use A Label".

前端网页的打开方式:

一般用标签a来引用例如<a href=”#”></a>填写#的地方就是你需要跳转的网站例如:

How to open the front page:

Generally, web pages are quoted by the label A, for example < a href = "#" > </a > The place where # is filled in is the website you need to jump to, for example:


标签中间写字,就可以得到以下效果:

里头的字默认就是蓝色,有下划线。当然字体也可以调整可以通过css里的text-decoration:none,来取消下划线,通过color来调整字体颜色。代码效果如下

The words in it are blue by default and underlined. Of course, the font can also be adjusted. You can cancel the underline by text-decoration: none in css, and adjust the font color by color. The code effect is as follows


咱们再回到网站最重要的一点就是打开方式,用target来引用,样式为<a href=”#” target=””></a>,其中有blank,在新的一个页面打开,self,在本页面打开(默认为)parent(在a里面打开,以后知识齐全再讲)以及top 和framename最常用的就是前两个。

Let's go back to the website's most important point, which is how to open it. Use target to quote it, and the style is < a href = "#" target = "> </a >, among which blank, open on a new page, self, open on this page (default is) parent (open in A, we'll talk about it later), top and framename, and the most commonly used ones are the first two.

总结如下:

Summarize as follows:

今天的分享就到这里了。如果您对今天的文章有什么独特的想法,欢迎评论留言,让我们相约明天,祝您今天过得开心快乐!

That's it for today's sharing. If you have any unique ideas for today's article, please leave a comment, let us meet tomorrow, I wish you a happy day!

LearningYard学苑

分享兴趣,传播快乐,增长见闻,留下美好!少年易老学难成,一寸光阴不可轻

本文由learningyard新学苑原创,如有侵权,请联系删除。

翻译来源:谷歌翻译

排版:李仕阳

文本:李仕阳

审核:闫庆红