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

最新推荐文章于 2024-05-31 11:26:44 发布

笑天使沫沫

最新推荐文章于 2024-05-31 11:26:44 发布

阅读量1k

点赞数

分类专栏： extjs 文章标签： javascript

extjs 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了<a>标签的href属性使用javascript:;和javascript:void(0)的方式阻止默认行为的方法，并探讨了如何通过事件监听器来替代默认动作，执行自定义的JavaScript函数。

摘要由CSDN通过智能技术生成

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

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

 
 
  
  javascript: 是一个伪协议，其他的伪协议还有 mail:  tel:  file:  等等。
  
  
      
      
        1 
      
      
       
        
        < 
        a  
        id 
        = 
        "jsPswEdit"  
        class 
        = 
        "set-item"  
        href 
        = 
        "javascript:;" 
        >修改密码</ 
        a 
        > 
        
      
  
  javascript:是表示在触发<a>默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击<a>时就没有任何反应。

  
  

  
  一般在这种情况下，会给<a>绑定一个事件回调，来执行业务，如：
  
  
      
      
        1 
      
      
      
        2 
      
      
      
        3 
      
      
      
        4 
      
      
       
        
        document.getElementById( 
        'jsPswEdit' 
        ).addEventListener( 
        'click' 
        ,  
        function 
        (e) { 
        
        
           
        e.preventDefault(); 
        
        
           
        // 当<a>触发click时，处理业务 
        
        
        },  
        false 
        ); 
        
      
 
 
 
 
  
  
   
   
   
   
    
    追问
   
   
   
   
    
    我能不能这样理解：href="javascript:;"就是去掉a标签的默认行为，跟href="javascript:void(0)"是一样的？
   
   
  
  
  
  
   
   
    
    追答
   
   
   
   
    
    是一样的

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