href="javascript:void(0)" 的用法

href=”javascript:void(0);”這個的含義是，讓超鏈接去執行一個js函數，而不是去跳轉到一個地址，
而void(0)表示一個空的方法，也就是不執行js函數。

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

javascript:是偽協議，表示url的內容通過javascript執行。void(0)表示不作任何操作，這樣會防止鏈接跳轉到其他頁面。這么做往往是為了保留鏈接的樣式，但不讓鏈接執行實際操作，

<a href="javascript：void(0)" onClick="window.open()"> 點擊鏈接后，頁面不動，只打開鏈接

<a href="#" onclick="javascript:return false;"> 作用一樣，但不同瀏覽器會有差異。

 

href=”javascript:void(0);”與href=”#"的區別

<a href="javascript:void(0)">點擊</a>點擊鏈接后不會回到網頁頂部 <a href="#">點擊</a> 點擊后會回到網面頂部

"＃"其實是包含了位置信息，例如默認的錨點是＃top 也就是網頁的上端

而javascript:void(0) 僅僅表示一個死鏈接這就是為什么有的時候頁面很長瀏覽鏈接明明是＃可是跳動到了頁首

而javascript:void(0) 則不是如此所以調用腳本的時候最好用void(0)

 

使用javascript的方法

<a href="#" onclick="javascript:方法;return false;">文字</a>

<a href="javascript:void(0)" onclick="javascript:方法;return false;">文字</a>

 

補充 <a href="javascript:hanshu();"這樣點擊a標簽就可以執行hanshu()函數了。

 

實例：

后端去請求js代碼的時候可以這樣用：

def ui_copy_course(self, obj):
    if obj.level == 1:
        return format_html('<a href="javascript:void(0)" class="copyBtn" id="{}" style="">拷貝</a>'.format(obj.id))

ui_copy_course.short_description = _('拷貝課程')