HTML <a>中属性 href='javascript' 含义

hjyang19 2015-08-12 16:59:25

12678

分类专栏： # Html 文章标签： html <a> href='javascript'

最后发布:2015-08-12 16:59:25首次发布:2015-08-12 16:59:25

本文链接：https://blog.csdn.net/yhj19920417/article/details/47447465

版权

                    
                    A、<a> 标签的href属性用于指定超链接目标URL，href属性的值可以是任何有效文档的相对或绝对URL，包括片段标识符和js代码段。
 
B、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);
 
C、javascript:是一种嵌套js代码在网页中的方法，跟通过<script></script>标签嵌套js代码差不多。<a href='javascript:alert(22);'>点我</a>
 点击会执行javascript:后面的代码。不过不推荐这种写法，因为<a>标签href属性通常是保存超链接，用来控制页面转向。