【学习笔记】iframe内联框架

【学习笔记】iframe内联框架

内联框架的意思是在网页中嵌套另一个网页，常用于电影网站的评论区等。

我们以哔哩哔哩的内联框架为例，了解什么是内联框架，

内联框架的标签是<iframe>

<body>
<iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&page=11"
        scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true">
</iframe>
</body>

image-20220912115125996

我们可以自己设置内联框架，指定路径，设置宽高。

<iframe src="https://www.baidu.com" frameborder="0" width="1000px" height="1000px"></iframe>

也可以与超链接结合使用

在iframe标签中的src，先不指定路径，设置一个name属性，然后在a标签中的target属性中设置name属性的值

<iframe src="" name="hello" frameborder="0" width="1000px" height="1000px"></iframe>
​
<a href="https://www.cnblogs.com/wztblogs/p/16685790.html" target="hello">点击跳转</a>

点击超链接，就可以在该网页打开别的网页了

posted @   GrowthRoad  阅读(43)  评论(0)  编辑  收藏  举报
相关博文：
· 【学习笔记】BOM对象
· 【学习笔记】HTML入门
· iframe内联框架
· 页面结构之iframe内联框架
· 前端笔记-内联框架-20221021
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 展开说说关于C#中ORM框架的用法！
点击右上角即可分享
微信分享提示