iframe标签应用在后台页面的一种方法,实现简单切换

如果在html中灵活使用iframe标签可以获得意想不到的效果,很多网站的后台系统在显示分页信息的时候使用了iframe标签,a标签的target属性指向iframe标签的name。

iframe标签的用法.png

示例代码
<div class="body">

<iframe name="names" src="/给个默认的url" frame="0"></iframe>
</div>

<a href="/api/home.html" target = "names" ></a>

image.png

就可以实现类似的效果

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 如何用Facebook graphic api上传视频:http://developers.facebook.co...
    百事小武阅读 8,958评论 1 15
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,465评论 2 59
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,191评论 4 61
  • 本文主要讲述页面布局样式方面涉及的知识点,更全面的对CSS相应的技术进行归类、整理、说明,没有特别详细的技术要点说...
    Joel_zh阅读 4,563评论 0 1
  • 本文转自Java 最常见 200+ 面试题全解析:面试必备(转载) 序言 在本篇文章开始之前,我想先来回答一个问题...
    林伟成阅读 4,879评论 0 3