JavaScript Anchor Element

Anchor,連結,也就是HTML裡最重點的一個特性,讓我們可以在不同網頁之間瀏覽。

<a href="protocal://domain/file#bookmark" target="frame_name">context</a> 

href屬性

設定超連結的目的地。

  • protocal:通訊協定,例如,http/https/ftp
  • domain:網域名稱或IP
  • file:檔案名稱
  • #bookmark:指定HTML文件中的降落點

讓我們用範例來說明降落點:

<a id="info">TOP</p>

在網頁設定一個名稱top的降落點,然後,

<a href="news.htm#info">News</a>

我可以指定要到那一個網頁的那一降落點。如果#info是在網頁的中間,你就能發現,我們一點連結過去時,網頁會自動移至#info的位置,這也就是降落點的意思。

連結其他屬性

JavaScript 連結屬性
名稱說明
name/id名稱
type存取連結資源的Content type
accessKey快速鍵
target設定超連結目的地HTML文件的frame名稱
charset連結資源的編碼方式
hreflang連結資源的語系
tabIndexTab鍵切換的順序值

target屬性設定值

JavaScript 連結target屬性設定值
名稱說明
_blank開啟新視窗來顯示HTML文件
_self在原視窗來顯示HTML文件
_top在原視窗顯示HTML文件
_parent如為frameset,且擁有父frame,就在父frame顯示HTML文件

_top如為frameset,取消frameset以全視窗顯示HTML文件。

沒有留言:

張貼留言

感謝您的留言,如果我的文章你喜歡或對你有幫助,按個「讚」或「分享」它,我會很高興的。