《前端》HTML内联框架iframe

HTML中内联框架主要用于在网页中实现另一个网页的显示,相当于在网页中嵌套了另一个网页。

Iframe内联框架的src属性用于网页连接的设置,src指向哪个链接,网页上就显示哪个网页。

语法:

<iframe src="URL"></iframe>        或直接设置宽高:
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

frameborder - 删除边框

frameborder 属性规定是否显示 iframe 周围的边框。

设置属性值为 "0" 就可以移除边框:

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

如果在页面使用 iframe 作为链接的目标来切换的时候,就不要删除边框,否则不显示。

使用 iframe 作为链接的目标--使用target属性

iframe 可用作链接的目标(target)。即点击一个按钮,在对应的iframe框中显示相应网址内容。

<body>
    <iframe src="" name="iframe_a"></iframe>
    <p><a href="https://www.baidu.com/" target="iframe_a">切换为百度网页</a></p>
</body>

解析:

<iframe>下的src指向的网址是原网页,<a >下href指向的网页是目标网页。特别注意的是

链接的 target 属性必须引用 iframe 的 name 属性。

 
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值