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

  • A、<a> 标签的href属性用于指定超链接目标URLhref属性的值可以是任何有效文档的相对或绝对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)"是一样的(voidjs的一个运算符,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属性通常是保存超链接,用来控制页面转向。
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 创作都市 设计师:CSDN官方博客 返回首页