javascript void(0)

2021/7/19 20:39:45

编程Tag： javascript 页面 链接 href void 死链接

本文主要是介绍javascript void(0)，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

我们经常会使用到 javascript:void(0) 这样的代码，那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢？

javascript:void(0) 中最关键的是 void 关键字， void 是 JavaScript 中非常重要的关键字，该操作符指定要计算一个表达式但是不返回值。

为什么要使用href=”javascript:void(0);”

javascript:是伪协议，表示url的内容通过javascript执行。void(0)表示不作任何操作，这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式，但不让链接执行实际操作，

<a href="javascript：void(0)" onClick="window.open()"> 点击链接后，页面不动，只打开链接

href=”javascript:void(0);”与href=”#"的区别

# 包含了一个位置信息，默认的锚是#top 也就是网页的上端。

而javascript:void(0), 仅仅表示一个死链接。

在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。

如果你要定义一个死链接请使用 javascript:void(0) 。

实例：



  1.  
    <!DOCTYPE html>
     
  2.  
    <html>
     
  3.  
    <head>
     
  4.  
    <meta charset="utf-8">
     
  5.  
    <title>菜鸟教程(runoob.com)</title>
     
  6.  
    <script type="text/javascript">
     
  7.  
    <!--
     
  8.  
    //-->
     
  9.  
    </script>
     
  10.  
    </head>
     
  11.  
    <body>
     
  12.  
    <a href="javascript:void(0);">点我没有反应的!</a>
     
  13.  
    <a href="#pos">点我定位到指定位置!</a>
     
  14.  
    <br>
     
  15.  
    ...
     
  16.  
    <br>
     
  17.  
    <p id="pos">尾部定位点</p>
     
  18.  
    </body>
     
  19.  
    </html>
     


补充 <a href="javascript:hanshu();"></a>这样点击a标签就可以执行hanshu()函数了。

                   


                   

                        这篇关于javascript void(0)的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
                    

                     

                 
                

                
                    

                

                
 
                
                

                    

                        
相关编程文章

                        更多>
                    

                    
                    
                    
                


            

        


        

             


    

        
    




             

        


    

    
    
        


    

        

            

            

            


        

        

            

                本站官方QQ
                

                    
官方QQ:

                    
23002807

                

            

            
        

        

           
            

                沪ICP备2023033072号-1
                
                  
                 
                
            

            

                      
                
            

        

    







    
    
    


        
        扫一扫关注最新编程教程