HTML的a标签如何实现点击后打开新的页面

 剑鱼论坛 发表于 2020年02月27日 HTML/HTML5  61
剑鱼论坛
LV 6 高中
最后在线:9小时前
加入时间:314天前
主帖:89  跟帖:48

我们在写HTML页面的时候,经常会用到超链接标签,点击超链接后就可以跳转到另一个页面,这个超链接的代码如下:

<a href="http://jianyuluntan.com">剑鱼论坛</a>

上面的代码就是一个超链接代码,反映在网页里面就是一个超链接文字,文字的内容是“剑鱼论坛”,点击这几个字后,浏览器就能够跳转到地址“http://jianyuluntan.com”,但是这个跳转是在同一个浏览器窗口里面进行的。有的时候,我们希望点击文字后保留现有窗口,并且打开另一个窗口来显示这个新页面,该怎么实现呢?

很简单,我们只需要把上面的代码修改成如下形式:

<a href="http://jianyuluntan.com" target="_blank">剑鱼论坛</a>

我们比较一下两行代码,第二行代码比第一行多了“target="_blank"”,多了这个属性后,我们再次点击页面的超链接后,就可以实现在新的窗口中打开超链接所指向的页面了。

论坛主帖
155
论坛跟帖
129
在线访客
0
今日主帖
0
今日跟帖
0
今日注册
1
120
http://jianyuluntan.com/gentie.html
http://jianyuluntan.com/postzan.html
http://jianyuluntan.com/postcai.html
http://jianyuluntan.com/postshoucang.html
http://jianyuluntan.com/gentiezan.html
http://jianyuluntan.com/gentiecai.html
http://jianyuluntan.com/huifu.html
http://jianyuluntan.com/xiugai.html
http://jianyuluntan.com/shanchugentie.html
1
XzA=
1
© 2019 - 2020 剑鱼论坛 版权所有
Powered by JianYuLunTan
剑鱼论坛 976666861
http://jianyuluntan.com/feedback.html
http://jianyuluntan.com/qiandao.html
http://jianyuluntan.com/denglu.html
0
http://jianyuluntan.com/adenglu.html
0
剑鱼论坛