iframe

最新推荐文章于 2022-12-07 15:26:00 发布
最新推荐文章于 2022-12-07 15:26:00 发布
阅读量423 收藏
点赞数
分类专栏： js 文章标签： iframe 框架 html 文档 url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liwen19840617/article/details/5872471
版权

iframe :iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

 

其实iframe仍然也是将一个页面嵌套在iframe中，具体的是通过src来控制，可以是一个html，也可以是一个url；而iframe包含在一个页面中的，这样就有了子、父页面之分了。包含iframe的页面相对的成为iframe中嵌套页面的父页面，iframe页面自然也就是子页面了。

 

我们可以通过控制父页面来达到控制iframe的定位。如果父页面中背景都为透明，iframe又限制为居中，就会有层的效果。

 

例：

 

 

liwen19840617
关注
专栏目录
iframe安全问题
yanner_的博客
08-05 8416
1.iframe 有些时候我们的前端页面需要用到第三方提供的页面组件，通常会以iframe的方式引入。典型的例子是使用iframe在页面上添加第三方提供的广告、天气预报、社交分享插件等等。 iframe在给我们的页面带来更多丰富的内容和能力的同时，也带来了不少的安全隐患。因为iframe中的内容是由第三方来提供的，默认情况下他们不受我们的控制，他们可以在iframe中运行JavaScirpt脚...
vue基于iframe优雅实现全新的微前端方案，继承iframe的优点，补足 iframe 的缺点，让 iframe 焕发新生
11-01
基于iframe优雅实现全新的微前端方案，继承iframe的优点，补足 iframe 的缺点，让 iframe 焕发新生。 适合人群：具备一定编程基础，工作1-3年的研发人员 能学到什么： 1、使用postMessage方法来完成基座项目和子...
iframe的onload事件
qq_27009517的博客
07-14 1万+
很多时候，我们会需要改变一个iframe的地址（src属性），或者使用表单(form)的target在指定的iframe进行提交后，在 iframe加载完毕(onload)时立即响应某个操作，以提高WEB应用程序的价值。本文讨论了跨浏览器的iframe onload事件的监听方法。 如果你没时间去阅读全文，可以看解决方案的内容概要： 同域的页面嵌套，最好的是让内嵌的页面调用父页面的函数，如 window.parent.callparentFunctoin()。 如果是异域，或者子页面已存在且无法修改，
认识iframe
喜欢文学的程序员
09-02 4267
最近的工作经常能用到iframe标签, 到目前为止对iframe的特性了解甚少, 以至于在使用的时候难以得心应手, 遂利用周末的时间来学习一下. 一. iframe是什么及作用 iframe是嵌入式框架, 是html标签, 还是一个内联元素, iframe 元素会创建包含另外一个文档的内联框架（即行内框架) . 说白了, iframe用来在页面嵌入其他页面. 二. iframe的优缺点...
Web前端之iframe详解
someby的博客
08-13 2万+
最近在做项目，在实现前端页面的时候遇到很多问题，开发进度很慢，实现一个功能基本上都是在走弯路，也不知道如何实现才是最好的选择，所以就一直在爬坑，在实现一个页面数据编辑的功能的时候就需要使用一个iframe内联框架，但是不会，在网上找了后觉得这篇文章是最全面的，所以就将其记录下来。 目录 iframe基本内涵 获取iframe里的内容 在iframe中获取父级内容 iframe的轮询 i...
iframe 标签
热门推荐
过客如期的博客
10-27 8万+
一，什么是iframe 1.iframe是html元素，用于在网页中内嵌另一个网页。 2.iframe默认有一个宽高,存在边界 3.iframe是一个行内快级元素，可以通过display修改 二，iframe元素属性介绍 1.src : 指定内联网页的地址 2.frameborder: iframe默认有个边界，可以设置frameborder为0清除边界。 3.width,height: 控制iframe的宽高。 4.name： 框架的名称 5.scrolling： 是否可滚动，yes ,no , auto
iframe使用
weixin_43842373的博客
03-31 1万+
文章目录iframe的常用属性iframe 的常见使用方式一、获取 window 对象父页面获取子页面的window对象子页面获取父页面的window对象二、父子页面之间的传值方式通过 postMessage 进行通信通过本地存储进行通信通过 url 进行通信 iframe的常用属性 属性 说明 name 规定 frame 的名称 width 设置 frame 的宽度 height 设置 frame 的高度 src 设置在 frame 中显示的页面 frameborder 是
iframe嵌套详解
欢迎欢迎
06-29 9562
通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。但是，有追求的我们，并不是想要这么low的iframe. 我们来看看在iframe中还可以设置些什么
iframe标签的使用
weixin_44767973的博客
12-07 2万+
iframe标签支持 HTML 中的全局属性： iframe标签支持 HTML 中的事件属性：如Window 事件属性、Form 事件、Keyboard 事件、Mouse 事件、Media 事件等 iframe常用的元素属性：IFrame 对象代表 HTML iframe 元素。可使用 getElementById() 来访问 iframe 元素。如： var iframe = document.getElementById(“iframe”); var iwindow = iframe.cont
iframe通信
冰码达的博客
03-14 7543
基础信息 简介： iframe作为一个html标签，可以让嵌入任何的html网页 属性： 1.frameborder:是否显示边框，1(yes),0(no) 2.height:height属性指定了iframe的像素高度，建议使用css設置。 3.width:width属性指定了iframe的像素宽度，建议使用css設置。 4.name:iframe的名称，window.frames[name]时专用的属性。 ...
Iframe通信
CamilleZJ的博客
11-26 6385
iframe通信
iframe嵌入链接本地环境正常，正式环境重定向到登录解决
最新发布
02-28
### iframe嵌入链接本地环境正常，正式环境重定向到登录问题解决方案 #### 问题背景 在开发过程中，经常需要将一个网页嵌入到另一个网页中，通常的做法是使用HTML中的`<iframe>`标签来实现这一功能。但在实际操作中...
WEB无插件开发包-v3.2，可iframe集成
02-02
【标题】"WEB无插件开发包-v3.2，可iframe集成"指的是一个特定版本的Web应用程序开发工具包，该版本为v3.2，它具有在网页中通过iframe框架进行嵌入的功能。这个开发包的设计目的是为了实现无需浏览器插件的Web应用...
实现iframe嵌套，适合CMS，CRM等后台框架
11-05
在CMS（内容管理系统）和CRM（客户关系管理）等后台框架中，iframe的应用尤为广泛，因为它提供了多页面内容的并行显示，而无需频繁地加载整个页面，提升了用户体验。下面我们将深入探讨iframe的实现方式、优点以及...
layui easyweb iframe v3.1.8源码
12-08
[增加] 增加fixed方式的select，可用在表格、滚动弹窗中 [增加] 增加动态模板功能 [增加] 主页工作台、控制台的内容进行了补充完善 ...[优化] iframe版不需要在每个页面写loading了，由框架自动增加 [优
js中showModalDialog存在的跨域问题
liwen19840617的专栏
09-10 5548
测试成功例子：a.html：b.html:(如果b.html在本地)
return false 与 return true
liwen19840617的专栏
10-12 801
<br />http://quicker.javaeye.com/blog/571571
showModalDialog详解
liwen19840617的专栏
10-08 733
<br />1、showModalDialog和showModelessDialog区别：<br /> <br />     showModalDialog被打开后就会始终保持输入焦点。除非对话框被关闭， 否则用户无法切换到主窗口。类似alert的用法。<br /> <br />     showModelessDialog被打开后，用户可以随便切换输入焦点。对主窗口没有任何影响。<br /> <br />2、showModalDialog和showModelessDialog超链接不弹出新窗口：<br /
js中关于时间
liwen19840617的专栏
03-31 688
<br />1、获取当前时间<br /> <br />     var myDate = new Date();<br /><br /> <br />     myDate.getYear();       //获取当前年份(2位)<br /><br /> <br />     myDate.getFullYear();   //获取完整的年份(4位,1970-????)<br /><br /> <br />     myDate.getMonth();      //获取当前月份(0-11,0代表1
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值