CSS頁(yè)面中點(diǎn)擊超鏈接如何跳轉(zhuǎn)新的頁(yè)面

點(diǎn)擊超鏈接后,重新打開(kāi)一個(gè)新的網(wǎng)頁(yè),不是在原本的網(wǎng)頁(yè)進(jìn)行跳轉(zhuǎn)。
打開(kāi)創(chuàng)建的網(wǎng)頁(yè)
a{ /* 去除超鏈接的下劃線 */ text-decoration: none; } </style> </head> <body> <div> 點(diǎn)擊一下試試 <!-- 跳轉(zhuǎn)到 百度網(wǎng)址--> <a target="_blank">超鏈接,在新的頁(yè)面中打開(kāi)百度。</a> </div>
上面是參考代碼,主要是添加 target="_blank
給超鏈接添加target="_blank"屬性
就可以跳轉(zhuǎn)到新的一個(gè)頁(yè)面。
其中target=還有其他屬性值。其它用法不多,了解即可。
Target屬性self的作用
作用:這個(gè)目標(biāo)的值對(duì)所有沒(méi)有指定目標(biāo)的 <a> 標(biāo)簽是默認(rèn)目標(biāo),它使得目標(biāo)文檔載入并顯示在相同的框架或者窗口中作為源文檔。這個(gè)目標(biāo)是多余且不必要的,除非和文檔標(biāo)題 <base> 標(biāo)簽中的 target 屬性一起使用。(在相同的框架中打開(kāi)被鏈接文檔)
用法:<a herf=“http://www.baidu.com” target=”_self”>跳轉(zhuǎn)</a>
Target屬性parent的作用
作用:這個(gè)目標(biāo)使得文檔載入父窗口或者包含來(lái)超鏈接引用的框架的框架集。如果這個(gè)引用是在窗口或者在頂級(jí)框架中,那么它與目標(biāo) _self 等效。(在父框架集中打開(kāi)被鏈接文檔)
用法:<a herf=”http://www.baidu.com” target=”_parent”>跳轉(zhuǎn)</a>
Target屬性top的作用
作用:這個(gè)目標(biāo)使得文檔載入包含這個(gè)超鏈接的窗口,用 _top 目標(biāo)將會(huì)清除所有被包含的框架并將文檔載入整個(gè)瀏覽器窗口(在整個(gè)窗口中打開(kāi)被鏈接文檔)
用法:<a herf=”http://www.baidu.com” target=”_top>跳轉(zhuǎn)</a>
到此這篇關(guān)于簡(jiǎn)單的CSS在頁(yè)面中點(diǎn)擊超鏈接跳轉(zhuǎn)新的頁(yè)面的文章就介紹到這了,更多相關(guān)css點(diǎn)擊超鏈接跳轉(zhuǎn)新的頁(yè)面內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
相關(guān)文章
純CSS實(shí)現(xiàn)網(wǎng)頁(yè)內(nèi)部錨點(diǎn)跳轉(zhuǎn)時(shí)上下偏移的示例代碼
這篇文章主要介紹了純CSS實(shí)現(xiàn)網(wǎng)頁(yè)內(nèi)部錨點(diǎn)跳轉(zhuǎn)時(shí)上下偏移的示例代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨2020-04-09使用CSS中的meta實(shí)現(xiàn)web定時(shí)刷新或跳轉(zhuǎn)的方法
這篇文章主要介紹了使用CSS中的meta實(shí)現(xiàn)web定時(shí)刷新或跳轉(zhuǎn)的方法,比使用JavaScript腳本實(shí)現(xiàn)起來(lái)更加簡(jiǎn)單一些,需要的朋友可以參考下2015-06-05CSS實(shí)現(xiàn)超級(jí)鏈接需要通過(guò)雙擊后跳轉(zhuǎn)
超級(jí)鏈接需要雙擊后跳轉(zhuǎn)如何實(shí)現(xiàn),其實(shí)很簡(jiǎn)單,在本文將為大家介紹下具體的實(shí)現(xiàn)方法,感興趣的朋友不要錯(cuò)過(guò)2013-10-12