php學習日記7(關於“ javascript : ; ”的意思)
問題:今天在公司的項目中看到了一個小東西,以前沒有寫過的,那就是“ javascript:; ”;那麽這個它到底是什麽意思呢?
答案:
首先我們都知道a標簽的最重要功能是實現超鏈接和錨點。而且,大多數人認為a標簽最重要的作用是實現超鏈接。
其中,a標簽內最重要的屬性莫過於href了。那麽關於href兩者之間又有什麽區別的呢?今天我們就來探討一下!
那麽我們接觸較多的就是下面這兩種方式:1、<a href="javascript:;"></a> 2、<a href="#"></a>
這兩種寫法。這兩種寫法到底有什麽不同呢?用哪種來寫更加規範呢?
將href="#"是指聯接到當前頁面,其實是無意義的,頁面也不會刷新。這是一個錨鏈接。
在制作網頁時html語言裏的參數,用於指定鏈接的url ####就是本頁鏈接,href="地址"就是鏈接到地址 鏈接本頁面 默認本頁,不彈出新窗口,空連接時,如果去掉#,則不顯示鼠標手型光標。 通俗一點就是 一個 指向本頁的假鏈接 也可以在#後面跟上錨點id 這個實際上是一個書簽的另一種用法。
語法:<a href="#書簽的名稱">鏈接的文字</a>
鏈接到不同頁面的書簽
語法:<a href="鏈接文件的地址#書簽名稱">鏈接的文字</a> (註意引號和#號)
正常情況下點擊:<a href="#書簽名稱">鏈接的文字</a>這個鏈接,則光標會自動跳轉到本頁面的:<a name="書簽名稱">文字</a>的位置。
如果我們只是想寫成一個沒有任何事件跳轉發生的a標簽。我個人並不推薦用<a href="#">這種寫法。
但是href這個屬性同樣可以識別JavaScript代碼段。
其中javascript: 是一個偽協議。它可以讓我們通過一個鏈接來調用javascript函數。但是由於這個函數為空,所以我們調用的就是一個空函數,並不會發生任何實質性的改變。同時可以實現a標簽的點擊運行。如果當頁面裏面的內容很多的時候,有了上下滾動條,使用href=“#"會發生跳轉到頁面頂部的問題。而使用href="javascript:;" 就可以避免頁面的亂跳!
所以,如果我們想要寫一個死的a標簽,使用
<a href="javascript:;"></a>
php學習日記7(關於“ javascript : ; ”的意思)