<button onclick = ...>和<a href="#" onclick=.../>有什么区别

唱歌

我发现页面很多时候都使用“ a”标签,并且希望使其像按钮一样。就像这样:

<a href="#" class="button" onclick="...." />

我对为什么不只使用“按钮”标签感到困惑?像这样:

<button onclick="....">button</button>

有什么区别?我真的很想学习,谢谢!

另一个情况问题:

如下所示的三个“类似按钮的<a>标签”:

在此处输入图片说明

暗示:

  • 不同的一个调用ajax然后获得不同的期间记录
  • 需要使用onclick =“ location.replace()”,因为可以顺利返回上一页。

原始代码:

<a href="url" class="btn" >Today</a> 

我已更改为:

<a href="#" onclick="location.replace(url)" class="btn" >Today</a> 

考虑关于:

<button onclick="location.replace(url)">Today</button>

在这种情况下您会怎么做?使用按钮标签是否有误?

a安

这基本上是历史文物。

它源于将自定义样式应用于锚点要容易得多的时候。您可以通过在锚自身内部使用更多元素来轻松构建自动调整大小的“按钮式”锚。

如今,借助增强的CSS选项和更好的浏览器兼容性,这是不必要的。button是正确的语义元素时,您没有理由使用它a

因此,请使用锚点链接到其他页面。它应该始终有一个href,而不是仅使用#and onclick现在,您仍然可以使用onclick-只需确保href将您定向到相同的数据即可onclick当您想让搜索机器人导航您的网站时,这非常方便,即使实际用户将获得例如响应速度更快的界面(例如,通过AJAX下载更新的内容)。确保在新窗口/选项卡中打开链接的常用方法仍然有效(ctrl + click,右键单击和中键单击均不应执行该onclick操作)。

按钮是与您当前所在的页面进行交互的元素,无论这意味着进行客户端脚本编写或向服务器发送表单。

编辑

通过对问题的编辑,很明显,您应该只使用带有normal的锚href我们没有理由为使用onclick或者button,你只制作一个简单的超链接,这就是锚的。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

onclick和onsubmit有什么区别?

来自分类Dev

按钮和div的onclick事件有什么区别?

来自分类Dev

按钮onclick和href之间的区别

来自分类Dev

HTML onclick和href

来自分类Dev

jquery中的onclick(function(){})和on('click',function(){})函数有什么区别

来自分类Dev

更改img onclick的href和src

来自分类Dev

替换图片src和href onclick

来自分类Dev

如何同时调用onclick和href

来自分类Dev

锚标记中的onclick和href

来自分类Dev

锚标记中的空 Onclick 和 href

来自分类Dev

Android:带有TextView和Button的onClick on LinearLayout

来自分类Dev

Android:带有TextView和Button的onClick on LinearLayout

来自分类Dev

href="//..." 和 href="https://..." 有什么区别

来自分类Dev

链接onclick和input [type ='button'] onclick的行为不同吗?

来自分类Dev

<button>和<button type =“ button”>之间有什么区别

来自分类Dev

Onclick具有相同ID的多个href

来自分类Dev

Onclick具有相同ID的多个href

来自分类Dev

“点击”和onclick之间的区别

来自分类Dev

<button>和<input type =“ button”>之间的区别,用于onclick脚本处理

来自分类Dev

链接标签中的“href”和“to”属性有什么区别?

来自分类Dev

替换href属性onclick

来自分类Dev

HTML / JQuery如何同时使用href和onclick?

来自分类Dev

如何在锚标记(<a>)中同时执行onClick和href

来自分类Dev

HTML锚点标记onclick()和href同时执行

来自分类Dev

引导程序按钮onclick和location.href

来自分类Dev

JavaScript removeAttribute无法在IE中用于href和onclick值

来自分类Dev

JavaScript - 添加和删除 div onclick child href

来自分类Dev

javascript和html中的“ onclick”之间的区别

来自分类Dev

用Javascript-做某事onclick除href =“#”和href =“ <javascript>”标记外的任何<a>标记

Related 相关文章

  1. 1

    onclick和onsubmit有什么区别?

  2. 2

    按钮和div的onclick事件有什么区别?

  3. 3

    按钮onclick和href之间的区别

  4. 4

    HTML onclick和href

  5. 5

    jquery中的onclick(function(){})和on('click',function(){})函数有什么区别

  6. 6

    更改img onclick的href和src

  7. 7

    替换图片src和href onclick

  8. 8

    如何同时调用onclick和href

  9. 9

    锚标记中的onclick和href

  10. 10

    锚标记中的空 Onclick 和 href

  11. 11

    Android:带有TextView和Button的onClick on LinearLayout

  12. 12

    Android:带有TextView和Button的onClick on LinearLayout

  13. 13

    href="//..." 和 href="https://..." 有什么区别

  14. 14

    链接onclick和input [type ='button'] onclick的行为不同吗?

  15. 15

    <button>和<button type =“ button”>之间有什么区别

  16. 16

    Onclick具有相同ID的多个href

  17. 17

    Onclick具有相同ID的多个href

  18. 18

    “点击”和onclick之间的区别

  19. 19

    <button>和<input type =“ button”>之间的区别,用于onclick脚本处理

  20. 20

    链接标签中的“href”和“to”属性有什么区别?

  21. 21

    替换href属性onclick

  22. 22

    HTML / JQuery如何同时使用href和onclick?

  23. 23

    如何在锚标记(<a>)中同时执行onClick和href

  24. 24

    HTML锚点标记onclick()和href同时执行

  25. 25

    引导程序按钮onclick和location.href

  26. 26

    JavaScript removeAttribute无法在IE中用于href和onclick值

  27. 27

    JavaScript - 添加和删除 div onclick child href

  28. 28

    javascript和html中的“ onclick”之间的区别

  29. 29

    用Javascript-做某事onclick除href =“#”和href =“ <javascript>”标记外的任何<a>标记

热门标签

归档