1. 程式人生 > ><a>標籤作用以及target屬性

<a>標籤作用以及target屬性

<a>標籤的target屬性大致有這幾種:

(1)_blank

(2)_self

(3)_parent

(4)_top

------------------------作用1:超連結--------------------------------------------

1、<a href="https://www.baidu.com/" target="_blank">超連結</a>在一個新的視窗開啟連線相應的網頁。

2、<a href="https://www.baidu.com/" target="_self">超連結</a>在原來的視窗

開啟連線相應的網頁。(如果target屬性值不寫的話,預設是這種方式)

3、<a href="https://www.baidu.com/" target="_parent">

4、<a href="https://www.baidu.com/" target="_top">

------------------------作用2:錨點--------------------------------------------

<div id="runtop"></div>

通過<a href="#runtop">返回頂部</a>能夠實現一個常見的返回頂部的功能。

------------------------作用3:打電話或者發郵件--------------------------------------------

<a href="tel:123456">打電話給號碼為123456的人</a>

<a href="mailto:[email protected]">發郵件給給號碼為[email protected]的人</a>

------------------------作用4:協議限定符--------------------------------------------

<a href="javascript:alert("強制執行的javascript程式碼")">這樣就能夠在<a>標籤被點選的時候強制執行href屬性裡面的程式碼</a>