iframe的使用

2019-03-13  本文已影响0人  欧_汤姆

话不多说,先上效果图~


效果图

上级交代任务,说在页面里用上iframe来链接其他页面。那么初次听说这个名词的时候第一件事肯定是去百度这是个啥?度娘是这么说的☟


image.png
额,你看懂了么?反正我没看懂,说的太专业了。
四处转转,看看大牛们的解释之后我认为

通俗的说:是一个类似于网页上小广告的那个弹窗。也就是可以实现在本页面上显示其他页面内容的功能。
那么!该怎么使用呢?
接着往下看
首先!在你需要加上iframe功能的页面加上一句话


<iframe src="https://www.baidu.com" height="400" width="700" name="demo" frameborder="0" scrolling="auto" sandbox="allow-same-origin allow-top-navigation allow-forms allow-scripts"  ></iframe>


是的没错,就这样结束了。
划重点:
1.sandbox="allow-same-origin allow-top-navigation allow-forms allow-scripts"
这个参数是必须要加的,否则出来的界面是空白一片。
2.如果想要无边框的,清新自然的感觉,那么加上frameborder="0"

iframe的属性介绍:


iframe属性
上一篇 下一篇

猜你喜欢

热点阅读