转自简书:关于iframe嵌套页面用法

本文介绍如何使用HTML中的iframe标签实现页面嵌入及通过a标签进行子页面间的跳转。通过简单的步骤说明,帮助读者理解并掌握iframe与a标签的基本应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.在HTML中写入iframe标签

<iframe name="my-iframe" id="my-iframe" src="初始显示的页面或者图片" frameborder="边框(一般为0)" width="" height="" scrolling="是否滚动(一般为“no”)"></iframe>

2.在HTML中写入a标签,当点击a标签时,子页面跳转到所需的页面

<a href="要跳转的页面l"  target="my-iframe">点击我子网页可以跳转到你需要的地方</a>

//注意此处的target一定要和上面的名字一样(具体是name还是id我也忘记了(’’))

3.如果有多个子页面之间切换,只需要多写几个a标签,并且将它的href换成你所要跳转的html页面即可。切记,target是不变的,和先前的iframe保持一致!!!iframe标签只需要一个。

如下:
在这里插入图片描述
在这里插入图片描述

原出处:简书

作者:爱吃泡芙的小杨同学
链接:https://www.jianshu.com/p/8a006d4ca518
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值