美文网首页
iframe的使用

iframe的使用

作者: 欧_汤姆 | 来源:发表于2019-03-13 11:08 被阅读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属性

相关文章

  • iframe标签与a标签的使用

    iframe定义及用法(使用iframe页面会很卡不建议使用) iframe默认高度为50px,宽度为100px;...

  • 不打开新页面下载文件

    1. 使用IFrame 2. IFrame 模拟POST请求 3. 使用a 标签 4.XMLHttpRequest...

  • 文件导出二

    使用iframe 导出

  • 前端预览PDF,Excel,Word,TXT文件

    前端可以使用iframe可以直接预览文件,以下是几种依靠iframe实现在线预览的解决方案。