在<a href=""></a>里，我要在href动态显示当前网址，用javascript的 document.write(window.locat

Posted 2023-04-27

在<a href=""></a>里，我要在href动态显示当前网址，用javascript的 document.write(window.location.href) 获取当前网址，怎么加入html的href里呢？

显示？在源代码里能看到？这个恐怕做不到吧

如果可以，给这个A标签加上ID，如id=a0，然后
window.onload=function()document.getElementById('a0').href=window.location.href;

不过我觉得你的这个要求有点怪！<a href='#'></a> 不一样吗？是有什么特殊的要求不能用这种办法吗？ 参考技术A <a herf="javascript: window.location.href"></a>
连接中使用javascript， 要加上"javascript:"...

<a>标签中href="javascript:;"表示啥意思？？

<a id="jsPswEdit" class="set-item" href="javascript:;">修改密码</a>

有一种说法是：href="javascript:;"会去解析<script></script>里面的代码，跟当前<a>标签有关的就会执行,.没关的就跳过。
是不是这样理解呢？

1、 标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。

2、javascript: 是一个伪协议，其他的伪协议还有 mail:  tel:  file:  等等。

<a id="jsPswEdit" class="set-item" href="javascript:;">修改密码</a>1

javascript:是表示在触发默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击时就没有任何反应。 

3、一般在这种情况下，会给绑定一个事件回调，来执行业务，如：

document.getElementById('jsPswEdit').addEventListener('click', function(e)
e.preventDefault();  // 当<a>触发click时，处理业务, false);1234

4、简单来说，”javascript:”是另外一种嵌套js代码在网页中的方法。 跟通过标签嵌套js代码差不多。 如点击下面链接会会执行”javascript:”后面的内容。

<a href = "javascript:alert(22);">点我</a>1

扩展资料

例子：<a href="javascript:;">我的大学</a>

javascript: 是一个伪协议

javascript:是表示在触发<a>默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击<a>时就没有任何反应。

href="javascript:;"就是去掉a标签的默认行为，跟href="javascript:void(0)"是一样的

void 是JavaScript 的一个运算符，void(0)就是什么都不做的意思。

参考资料

百度百科-a（HTML语言标签）

参考技术A

执行一段空白的javascript语句，返回空或者false值，从而防止链接跳转。跟当前a标签无关，这段代码始终都会执行。

演示如下：

1、设计一个a链接的代码，让其点击的时候执行一个alert(）函数：

2、此时在页面上显示一个a链接效果：

3、点击页面上的a链接，执行结果如下：

扩展资料：

其他防止页面跳转的实现方式：

1、<a href="#" >test</a>；

点击链接，页面默认上滚到页的顶部， 但可以加上 onclick="return false"，防止上滚到页的顶部。

2、<a href="####" >test</a>；

使用2个到4个#，见的大多是"####"，也有使用"#all"等其他的。一个无意义的标签指定，不做任何处理。

3、<a href="javascript：void(0);" >test</a>； 

javascript:void(0) 表示一个死链接，执行空事件。

参考技术B

javascript:是表示在触发默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击时就没有任何反应。 

href：URL    规定链接的目标 URL。

<a href="www.baidu.com"></a>   这个a标签的话就是指点击后跳转到百度首页

<a href="javascript:;"></a>  点击后是不会跳转的，一般用于开发时页面还未完成。

扩展资料

其他防止页面跳转的实现方式：

1、<a href="#" >test</a>；

点击链接，页面默认上滚到页的顶部， 但可以加上 onclick="return false"，防止上滚到页的顶部。

2、<a href="####" >test</a>；

使用2个到4个#，见的大多是"####"，也有使用"#all"等其他的。一个无意义的标签指定，不做任何处理。

3、<a href="javascript：void(0);" >test</a>； 

javascript:void(0) 表示一个死链接，执行空事件。

参考技术C <a> 标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。

这里的href="javascript:;"，其中javascript:是伪协议，它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现A标签的点击事件运行时，如果页面内容很多，有滚动条时，页面不会乱跳，用户体验更好。 参考技术D

javascript: 是一个伪协议，其他的伪协议还有 mail:  tel:  file:  等等。

<a id="jsPswEdit" class="set-item" href="javascript:;">修改密码</a>

javascript:是表示在触发<a>默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击<a>时就没有任何反应。

一般在这种情况下，会给<a>绑定一个事件回调，来执行业务，如：

document.getElementById('jsPswEdit').addEventListener('click', function(e) 
  e.preventDefault();
  // 当<a>触发click时，处理业务
, false);

追问

我能不能这样理解：href="javascript:;"就是去掉a标签的默认行为，跟href="javascript:void(0)"是一样的？

追答

是一样的

void 是JavaScript 的一个运算符，void(0)就是什么都不做的意思

本回答被提问者和网友采纳