6.1.2 超链接网页的打开方式

知道了<a></a>是链接代码且href表示路径地址后,再来看一个重要属性—target属性,也是放在起始标记里面,表示所链接的网页在浏览器中的打开方式,后面接一个参数,其值可以是_blank、_parent、_self或_top,这些参数代表的含义如下所示。

❑_blank:在新浏览器窗口中打开网页。比较常用。

❑_parent:将要链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件,就像_self参数一样。

❑_self:在同一框架或窗口中打开所链接的文档。此参数为默认值,通常不用指定。

❑_top:在当前的整个浏览器窗口中打开所链接的文档,因而会删除所有框架。代码6.2是分别用上面四个知识点设置四个链接。

代码6.2 源代码\第6章\target用法.html


——————————————文件名:target用法.html——————————————

01 <html>

02 <head>

03 <title>文字链接</title>

04 </head>

05 <body>

06 <!—下一行表示设置链接参数_blank值—>

07 <a href="http://www.163.com"target="_blank">163网站—新浏览器打开

08 </a><br>

09 <!—下一行表示设置链接_parent值—>

10 <a href="http://www.163.com"target="_parent">163网站—父窗口中打开

11 </a><br>

12 <!—下一行表示设置链接_self值—>

13 <a href="http://www.163.com"target="_self">163网站—同一框架或窗口中打开

14 </a>

15 </body>

16 </html>


【代码解析】代码6.2在3行文本中都设置了文本链接,指向www.163.com网站,但设置的target值不同,使得单击这些链接时,打开窗口的方式不同。在代码第7行设置为_blank,表示在浏览器中打开新的窗口;代码第10行的文本链接设置为_parent,表示在父窗口中打开;在代码第13行,即最后一个文本链接中,设置target值为_self,表示在同一窗口中打开网页。3种方式的效果如图6.2所示。

6.1.2 超链接网页的打开方式 - 图1

图 6.2 target用法

说明 target设置多试几次就很明白了,仔细观察开启新网页的不同形式。