HTML如何在同一个窗口中显示多个页面

发布时间:2022-02-22 09:44:55 作者:小新
阅读:3651
前端开发者专用服务器,限时0元免费领! 查看>>

小编给大家分享一下HTML如何在同一个窗口中显示多个页面,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

HTML Iframe
    iframe 用于在网页内显示网页。<iframe> 定义内联的子窗口(框架)
    添加 iframe 的语法:<iframe src="URL"></iframe>。URL 指向隔离页面的位置。
    Iframe - 设置高度和宽度:height 和 width 属性用于规定 iframe 的高度和宽度。
    iframe 的高度和宽度属性值的默认单位是像素,但也可以用百分比来设定(比如 "80%")。
    Iframe边框:frameborder 属性规定是否显示 iframe 周围的边框。设置属性值为 "0" 就可以移除边框。
实例

<iframe src="../iframe/iframe.jpg"></iframe>
<iframe src="iframe.htm" width="200" height="200"></iframe>
<iframe src="iframe.htm" frameborder="0"></iframe>

注释:一些老的浏览器不支持内联框架 iframe,如果得不到支持,iframe 是不可见的。

使用 iframe 作为链接的目标:
    iframe 可用作链接的目标(target)。链接的 target 属性必须引用 iframe 的 name 属性。
实例

<iframe src="iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.yisu.com" target="iframe_a">HuluMiao.cn</a></p>

注释:由于链接的目标匹配 iframe 的名称,所以链接会在 iframe 中打开。

以上是“HTML如何在同一个窗口中显示多个页面”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:
  1. 同一个页面echarts多次使用setOption后,前后显示数据串了
  2. 如何在同一个Java进程中连接多个RocketMQ服务器

开发者交流群:

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:JavaScript如何引用和实现

下一篇:JavaScript中如何提高代码的可读性

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》
开发者交流群×