H5学习笔记——iframe内嵌框架

本文介绍了如何使用iframe控件在网页中嵌套显示其他网页。详细解释了iframe的基本属性,如frameborder和scrolling,并展示了如何通过a标签的target属性与iframe的name属性绑定来实现点击跳转显示不同网页。

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

一、基础

在网页内部再显示网页,用到的控件iframe。

<iframe src="https://www.baidu.com" width="900" height="500" frameborder="0" scrolling="no"></iframe>

frameborder:边框宽度
scrolling:是否显示滚动条


二、拓展

我们可以让iframe控件,显示a标签链接的网站。
也可以显示我们自己编写好的网页。

<a href="https://v.qq.com/" target="myframe">腾讯视频</a>

<iframe name="myframe" src="d.html" width="900" height="500" frameborder="0" scrolling="no"></iframe>

iframe一开始显示这是同目录下我们写好的d.html网页

我们将a标签的target属性和iframe的name属性绑定,这样以来点击a标签iframe就会代替当前页面显示腾讯视频的网页。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值