一 内联框架简介
使用内联框架想要的是对html知识做一个综合应用:商城后台管理系统
做的会比较简陋,但是核心的功能是一致的,现在网站后台布局基本都采用div的形式,内联框架用的不多,但是要掌握这种方式
使用内联框架来做后台管理界面是最简单的方式,使用div的形式会复杂一点
好看的网站后台模板可以点击下方链接:
http://www.paipaistreet.com/views/index.html
我们要学的是这种后台管理系统最核心最底层的代码是如何编写的
什么是内联框架?
使用内联框架引入天猫商城
去除边框,滚动条
seamless属性,让被内联的页面看起来是当前页面的一部分(兼容性不好,看不出什么区别)
srcdoc属性,可以直接写html代码
在srcdoc 中写图片代码
这个属性非常有用,可以请求一个api接口,将api接口生成的html代码存储到一个变量中,然后放入srcdoc中,动态的生成网页
使用iframe实现点击链接在当前页面显示天猫商城
上方代码如果直接点击会跳转到天猫商城
改写,只需在a链接中target属性中填写iframe的属性name的值即可
有的网站不允许被iframe引用,这是为了防止被用来做坏事
本文作者为BUG之神,转载请注明。