js_a标签的href

柔光的暖阳◎ 2022-05-25 05:26 289阅读 0赞

1. 关于a标签的href

<table> 
 <tbody> 
  <tr> 
   <td><p>href取值</p></td> 
   <td><p>说明</p></td> 
  </tr> 
  <tr> 
   <td><p><span style="color:rgb(227,108,9);">#</span></p></td> 
   <td><p>锚点，定位到当前页面最上方</p></td> 
  </tr> 
  <tr> 
   <td><p><span style="color:rgb(227,108,9);">javascript:void(0);</span></p></td> 
   <td><p>一般使用此方式，让a标签可用，又不会跳转</p></td> 
  </tr> 
  <tr> 
   <td><p><span style="color:rgb(227,108,9);">javascript:;</span></p></td> 
   <td><p>同上，一般建议使用上面那种</p></td> 
  </tr> 
  <tr> 
   <td><p><span style="color:rgb(227,108,9);">javascript:test();</span></p></td> 
   <td><p>有致命缺陷，参数中使用this是函数本身而不是标签。</p></td> 
  </tr> 
 </tbody> 
</table>

<a href="\#">\#返回当前页</a> <br />

<a href="javascript:void(0);" onclick="test(this);">javascript:void(0);</a> <br />

<a href="javascript:;">javascript:;</a> <br />

<a href="javascript:test(this);">javascript:test();</a> <br />

<script type="text/javascript">

function test(obj)\{

alert(obj.innerText);

\}

</script>

运行结果：

\#返回当前页   
javascript:void(0);   
javascript:;   
javascript:test();

点javascript:void(0);，会弹框：

![20180508201837323][]

obj.innerText相当于doucment.getElementById("xxxid").innerText;

This即为当前的a标签，取其值。

点javascript:test();，弹框：

![2018050820184565][]

因为这里的this为函数本身，而不是标签a，因此取其文本内容出错。

[20180508201837323]: /images/20220525/19dc6b16eeb9460886b216a9580b51b0.png
[2018050820184565]: /images/20220525/e29f90c1dc18419ea287b20dacf2d7f4.png

发表评论取消回复

表情：

评论列表（有 0 条评论，289人围观）

还没有评论，来说两句吧...

相关阅读

相关 WPS表格 JSA 学习笔记

WPS表格 JSA 学习笔记自定义公式单元格拼接JSON 单元格内文字颜色 Sheet 工作表工作表引用 R

小灰灰/ 2022年09月15日 05:47/ 0 赞/ 743 阅读

相关 标签的href和onclick属性

1. 链接的`onclick` 事件被先执行，其次是`href`属性下的动作（页面跳转，或 javascript 伪链接）； 2. 假设链接中同时存在`href` 与`on

Dear 丶/ 2022年06月10日 02:28/ 0 赞/ 296 阅读

相关 a 标签的href 和onclick 执行顺序？

a标签中同时存在href 与 onclick，想让通过onclick的返回值判断是否执行href，如果return的false就不执行，true就执行。 <a

你的名字/ 2022年05月26日 02:39/ 0 赞/ 255 阅读

相关关于a标签的onclick与href的执行顺序

2015年08月06日 13:13:52 阅读数：11514 onclick的事件被先执行，其次是href中定义的（页面跳转或者javascript）同时存在

小灰灰/ 2022年05月25日 09:20/ 0 赞/ 341 阅读

相关 js_a标签的href

1. 关于a标签的href <table> <tbody> <tr> <td><p>href取值</p></td> <td><p>说明</p></t

柔光的暖阳◎/ 2022年05月25日 05:26/ 0 赞/ 290 阅读

相关说说a标签的onclick和href

在平时我们一般会在列表中的最后一列给加上操作功能，一般的操作功能是修改和删除，这个操作我们可以通过a标签来实现其功能。 <a class="pn-opt" href=

亦凉/ 2022年05月20日 07:39/ 0 赞/ 285 阅读

相关 标签中的href如何调用js代码

在HTML中，<a>标签的href属性用于指定超链接的目标的URL。在所有浏览器中，链接的默认外观是：未被访问的链接带有下划线而且是蓝色的已被访问的链

落日映苍穹つ/ 2022年05月19日 08:17/ 0 赞/ 325 阅读

相关 a 标签 href

1. <a href=""> <a/> 污染网页链接，刷新页面 2. <a href=""> </a> 污染网页链接 3. <a hre

骑猪看日落/ 2022年04月23日 12:40/ 0 赞/ 278 阅读

相关 javascript在a标签href属性中的使用

[javascript:;与javascript:void(0)使用介绍][javascript_javascript_void_0] 有时候我们在编写js过程中，需要触

ゞ浴缸里的玫瑰/ 2022年01月29日 23:04/ 0 赞/ 360 阅读

相关 a标签中href=""的几种用法

原文地址：[https://blog.csdn.net/u010297791/article/details/52784879][https_blog.csdn.net_u01

女爷i/ 2022年01月27日 00:43/ 0 赞/ 710 阅读