target属性

target属性

其他几个有什么区别,比如,在父窗口打开和在当前窗口打开

http://img1.sycdn.imooc.com//climg/5f327c39090a4acd08350468.jpg


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕美 2020-08-12 11:10:20

同学,你好。

1、_self:表示相同框架,即在当前窗口(或当前选项卡)中打开该链接
2、_parent:将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件,就象_self参数一样。

3、_top:在整个窗口中打开被链接文档。

同学可以根据下述例子来理解下这三个的区别:main由top和bottom组成,bottom由left和right两部分组成。在right中设置3个链接,分别用HTML中<a>标签的target属性的“_self”、“_parent”、“_top”这3个不同属性值,观察他们的不同效果:

main.html: <frameset> 标签定义框架集。它用于组织多个窗口(框架)。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<frameset rows="20%,80%">
    <frame src="top.html"></frame>
    <frame src="bottom.html"></frame>
</frameset>
</html>

bottom.html

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
</head>
 <frameset cols="20%,*">
     <frame src="left.html" noresize="noresize" />
     <frame src="right.html" noresize="noresize" />
</frameset> 
</html>

left.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
    I'm left in bottom!!
</body>
</html>

right.html

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <h3>right</h3>
    <p><b>_self</b></p>
    <a href="New_Page.html" target="_self">This is a link...</a>
    <hr />
    <p><b>_parent</b></p>
    <a href="New_Page.html" target="_parent">This is a link...</a>
    <hr />
    <p>_top</b></p>
    <a href="New_Page.html" target="_top">This is a link...</a>
    <hr />
</body>
</html>

New_Page.html

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
</head> 
<body>
    <h1>This is a new page!</h1>
</body>
</html>

如果我的回答解决了您的疑惑,请采纳!祝学习愉快~~~~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.从网页搭建入门Python Web
  • 参与学习           人
  • 提交作业       218    份
  • 解答问题       3562    个

本阶段带你用Python开发一个网站,学习主流框架Django+Flask是Python Web开发的第一步,在基础知识上实现积分商城的项目开发,体验真实的项目开发流程,提高解决编程问题和效率的能力。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师