溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

css中target-name屬性的使用方法

發(fā)布時(shí)間：2020-09-24 12:24:01 來源：億速云 閱讀：342 作者：小新 欄目：web開發(fā)

小編給大家分享一下css中target-name屬性的使用方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

css target-name屬性定義及用法

在css中，target-name屬性是使用來規(guī)定在何處打開超鏈接，如果需要同時(shí)設(shè)置target-name、target-new、target-position三個(gè)屬性，可以使用target簡寫屬性，target屬性可以將這三個(gè)屬性同時(shí)定義在一個(gè)聲明中。target-name屬性是css3中新增屬性，目前主流瀏覽器都還不支持該屬性。

target-name屬性語法格式

css語法：target-name: current/root/parent/new/modal/name

JavaScript語法：object.style.targetName="new"

屬性值說明

current：在鏈接所在的框架、標(biāo)簽頁或窗口中打開超鏈接

root：在當(dāng)前標(biāo)簽頁或窗口中超鏈接

parent：在父框架中打開超鏈接。如果當(dāng)前框架沒有父框架，則將該值視作root

new：創(chuàng)建新的目的地

modal：在新的（暫時(shí)創(chuàng)建的）模態(tài)窗口中打開新窗口

name：在已有框架、窗口或標(biāo)簽頁中打開鏈接。如果name目的地不存在，則用該名稱創(chuàng)建新的目的地

實(shí)例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css3 target-name屬性規(guī)定在何處打開超鏈接</title>
<style type="text/css">
a{target-name:new;}
</style>
</head>
<body>
<p>目前沒有瀏覽器支持target-name屬性！</p>
<a href="https://www.ggbiji.com">歡迎訪問億速云</a>
</body>
</html>

運(yùn)行結(jié)果

目前沒有瀏覽器支持target-name屬性，暫不提供運(yùn)行結(jié)果！

以上是css中target-name屬性的使用方法的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手