1、<a>
标签的href
属性用于指定超链接目标URL
,href
属性的值可以是任何有效文档的相对或绝对URL
,包括片段标识符和js
代码段。
2、javascript:
是一个伪协议,其他的伪协议还有mail:
tel:
file:
等。
<a id='pswEdit' href='javascript:;'>修改密码</a>
javascript:
表示:触发<a>
默认动作时,执行一段js
代码。而javascript:;
表示什么都不执行,这样点击<a>
时就没有任何反应。
href='javascript:;'
去掉a
标签的默认行为,跟href="javascript:void(0)"
是一样的(void
是js
的一个运算符,void(0)
表示什么都不做的意思)。
一般会给<a>
绑定一个事件回调来执行业务,如:
document.getElementById('jsPswEdit').addEventListener('click', function(e) {
e.preventDefault();
// 当<a>触发click时,处理业务
}, false);
3、javascript:
是一种嵌套js代码在网页中的方法,跟通过<script></script>
标签嵌套js代码差不多。
<a href='javascript:alert(22);'>点我</a>
点击会执行javascript:
后面的代码。不过不推荐这种写法,因为<a>
标签href
属性通常是保存超链接,用来控制页面转向。
另外,想了解a标签的href=javascript和href=#的区别可以查看这篇文章:https://www.cnblogs.com/pp-cat/p/4308736.html
转载自:https://blog.csdn.net/yhj19920417/article/details/47447465