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 = _('拷貝課程')