iframe空白

优酷网页上复制的通用代码用来播放视频,浏览器和谷歌模拟器正常,但是发布后手机上打开一片空白,一直以为是苹果手机不支持iframe,最后发现是由于iframe播放链接是http的,而我们网页是https的,苹果手机给禁止了,改成https即可…

Javascript高级编程学习笔记（81）—— 富文本(1)

富文本编辑富文本编辑又称为: WYSIWYG(What You See Is What You Get,所见即所得) 常用于博客等用途,虽然没有规范,但是在IE最先引入后其他的浏览器厂商也相继完成了对应功能的实现该技术的本质就是在 HTML 页面中嵌入<iframe> 通过设置页面的 designMode 属性,使该页面可以被编辑将该属性设置为 on 后文档就会变得可编辑 "off" 是默认值以下方的 HTML 代码为例 <!DOCTYPE html>…

通过Iframe在A网站页面内嵌入空白页面的方式，跨域获取B网站的数据返回给A网站！

以下代码只是为演示该方法具体是如何操作的,实际的意义并不大. 其实这个方法还可以解决很多方面的跨域操作,以下两点为我工作中遇到的情况! 比如A系统中打开B系统页面的时候,获取B系统页面高度,A系统中可以动态设置窗口的高度还有A系统中打开B系统页面的时候,B系统页面进行一系列操作,操作成功后需关闭A系统窗口,就可以在操作成功后再在B系统中嵌入A系统的blank.html页面,blank.html页面打开的时候,动态关闭A系统的窗口! 下面为大家讲下是如何实现该方法的 1.在A系统下添加名称为bl…

IE8以下版本iframe出现滚动条和内容空白问题

在网页中使用iframe引用了第三方的页面 $("#tianqi").html('<iframesrc="http://i.tianqi.com/index.php?c=code&id=40&color=%23ffffff&icon=1&wind=1&num=1&py=shanghai"width="400"height="24"></iframe>');…

去掉iframe周围的空白

今天,在处理一个网页样式时,遇到了一小问题,就是调用的iframe四周出现了空白. iframe调用的代码如下: 示例: <iframe src="http://www.xxx.com/xxx.html" frameborder="0" scrolling="no" width="240" height="360" border="0" > </iframe>…

IE下iframe不能正常加载,显示空白

下午帮忙看了一个web问题,index.html中嵌入<iframe>来加载同文件目录下的一个页面,在多个浏览器下测试,发现IE浏览器中会出现问题,<iframe>不能正常加载,显示空白页,右键属性为"_blank" . 一开始,想到的是src属性的问题,可能是路径不对,但是经过不同浏览器测试,不存在路径问题. 单独把src路径拿出来,贴到IE浏览器中,发现页面加载没问题.通过分析,问题应该出现在index.html文件中,单独的<iframe>加载…

使用Jquery向一个空白网页动态创建一个iframe,及嵌入页面,和向嵌入页面传参

[csharp] view plaincopyprint?using Microsoft.VisualBasic; using System; using System.Collections; using System.Collections.Generic; using System.Data; using System.Diagnostics; using System.Collections.Specialized; using Microsoft.JScript; namespace…

[转]解决百度ueditor插入动态地图空白支持iframe方法

说明:新版本ueditor要修改 xss过滤白名单修改配置文件ueditor.config.js 搜索: whitList 增加下面第二行即可 ,whitList:{ iframe: ['frameborder','border','marginwidth','marginheight','width','height','src','id'],//增加这一行 a: ['target', 'href', 'title', 'class', 'style'],…

解决百度ueditor插入动态地图空白支持iframe方法

说明:新版本ueditor要修改 xss过滤白名单修改配置文件ueditor.config.js 搜索: whitList 增加下面一行即可 ,whitList:{ iframe: ['frameborder','border','marginwidth','marginheight','width','height','src','id'],//增加这一行 a: ['target', 'href', 'title', 'class', 'style'], 原文:https://b…

通过 Spring Security配置解决X-Frame-Options deny 造成的页面空白 iframe调用问题

spring Security下,X-Frame-Options默认为DENY,非Spring Security环境下,X-Frame-Options的默认大多也是DENY,这种情况下,浏览器拒绝当前页面加载任何Frame页面,设置含义如下: DENY:浏览器拒绝当前页面加载任何Frame页面 SAMEORIGIN:frame页面的地址只能为同源域名下的页面 ALLOW-FROM:origin为允许frame加载的页面地址. 在tomcat8以后的版本中,可以通过在web.xml中定…

easyui-tabs 在ie8下基于iframe嵌套页面加载成功后切换空白问题

这是一个很坑的问题,由于项目必须支持ie8的情况下,产生了这个问题.在我进行逐步对比的分析过后,终于发现了原因所在:…

第十五课：奇葩的元素节点iframe

iframe一般用来加载一个页面,然后嵌入到主页面中.创建起来消耗资源,而且消耗连接数.但是它是一个物超所值的东西,可以实现无缝刷新,模拟onhashchange跨域,安全的加载第三方资源与广告,实现富文本编辑,文件上传,用它搞定IE6-IE7的select BUG(select标签会移到遮罩层的上面来,可以使用iframe遮住). 想要隐藏iframe那个很粗的边框,我们可以使用frameBorder属性. 比如:<iframe frameborder=0 src="" w…

真正的让iframe自适应高度兼容多种浏览器随着窗口大小改变

今天有朋友问到我关于"iframe自适应高度"的问题,原本以为是很简单的问题,没想到折腾了20分钟才搞定.期间遇到几个问题,要么是高度自适应了,但是当窗口改变时会出现滚动条.也就是当窗口放大时iframe没有自动跟随变大显得很小,或是当窗口缩小时iframe还是之前那么大就出现了滚动条.还有或是高度不准确,那么就达不到想要的效果了. 为什么需要使用iframe自适应高度呢?其实就是为了美观,要不然iframe和窗口长短大小不一,看起来总是不那么舒服,特别是对于我们这些编程的来说,如鲠在…

如何设置iframe高度自适应，在跨域的情况下能做到吗？

在页面上使用iframe来动态加载页面内容是网页开发中比较常见的方法.在父页面中给定一个不带滚动条的iframe,然后对属性src指定一个可加载的页面,这样当父页面被访问的时候,子页面可以被自动加载.iframe的高度需要根据子页面的实际高度来进行调整.如果iframe的高度小于子页面的实际高度,超出的部分无法显示:相反,如果iframe的高度过高,则页面上会出现大量的空白区域.我们可以通过属性或者CSS来设置iframe的高度,当不确定子页面内容的高度时,也可以通过脚本来进行动态指定.但是如果…

SharePoint Iframe 报错“此内容不能显示在一个框架中”

问题描述我们SharePoint站点用Excel Service发布的Excel,需要Iframe到其他系统中,但是,Iframe的时候发现报错“此内容不能显示在一个框架中”. 后来,尝试在其他系统中Iframe SharePoint其他页面,同样报这样的错误:但是SharePoint自己的页面,Iframe自己页面不报错,Iframe自己的Excel Services 页面报错,很奇怪的问题. 问题截图问题介绍经过很长一段时间的搜索,发现是一种安全策略造成的,为了防止“ClickJack…

如何解决inline-block元素的空白间距

早上在博客中有人提了这样一个问题:“li元素inline-block横向排列,出现了未知间隙”,我相信大家在写页面的时候都遇到过这样的情况吧. 我一般遇到这情况都会把li浮动起来,这样就没有间隙.但是解决这个未知间隙,还是有很多办法的,在w3cplus上提供了好几种解决办法.在这总结一下. 先看结构: <ul> <li>item1</li> <li>item2</li> <li>item3</li> <li>i…

frameset、frame、noframes和iframe的区别

原网站地址:http://nmyun.blog.51cto.com/448726/155268 ■ 框架概念 :所谓框架便是网页画面分成几个框窗,同时取得多个 URL.只需要 <frameset> <frame> 即可,而所有框架标记需要放在一个总起的 html 档,这个档案只记录了该框架如何划分,不会显示任何资料,所以不必放入 <body> 标记,浏览这框架必须读取这档案而不是其它框窗的档案.<frameset>是用以划分框窗,每一框窗由一个 <f…

thinkphp 加载静态框架frameset frame 浏览器显示空白

我觉得静态框架这个东西非常奇怪,可能是因为没有研究透它. 我的情况是这样的,我之前做过的一个面向对象没有基于thinkPHP,的项目中用同一套后台静态框架没有问题,但用thinkphp后台的index也显示为空白.修改前我的index.html页面是这样的: <HTML> <HEAD> <TITLE>管理中心 V1.</TITLE> <META http-equiv=Content-Type content="text/html; chars…

关于iframe嵌套、动态获取iframe内的url、父页面重定向

1 $(function () { 2 //选择器是选择了easyui中的点击链接,出现新的iframe 3 $("a[target='mainFrame']").click(function () { 4 iframes = document.getElementsByTagName("iframe"); 5 //即使iFrame的链接跳转到另一个页面,但在他的上级页面查看是页面代码时该iframe还是原来的url,而这时候改iframe确实跳转了 6 //所以,…

iframe与frameset（转载）

frameset 在一个页面中设置一个或多个框架不能嵌套在body标签里 frameset 它称为框架标记,是用来告知HTML文件是框架模式,并且设定可视窗口怎么分割 fram 它只是设定某一个框架窗口中的参数属性 iframe 它是在一个页面中嵌入一个框架窗口 frameset的属性 1.cols 它是把整个画面竖向分割成几个画面2.rows 它是把整个…

iframe和frame的区别

在同时有frame和Iframe的一个窗口里frame最大可以做个frameset的儿子,Iframe最大也只能做到frameset的孙子.frame的布局限于几种,Iframe想放哪里放哪里.frame的兄弟刷新和自己没关系,Iframe的爸爸刷新自己跟着刷新哪个更好就得根据情况选择了 <FRAMESET> <FRAME> <NOFRAMES> <IFRAME> 欲明白本篇[HTML剖析]之标记分类请看 [标记一览]. 亦请先明白围堵标记与空标…

iframe与frameset有什么区别

frame,iframe,frameset 的区别 <FRAMESET> <FRAME><NOFRAMES><IFRAME>欲明白本篇[HTML剖析]之标记分类请看 [标记一览].亦请先明白围堵标记与空标记的分别请看 [HTML概念]. ■ 框架概念 :所谓框架便是网页画面分成几个框窗,同时取得多个 URL.只需要 <FRAMESET> <FRAME> 即可,而所有框架标记需要放在一个总起的 html 档,这个档案只记录了该框架如何…

frame,iframe,frameset用法和区别

■ 框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得多个 URL.只需要 <FRAMESET> <FRAME> 即可,而所有框架标记需要放在一个总起的 html 档,这个档案只记录了该框架如何划分,不会显示任何资料,所以不必放入 <BODY> 标记,浏览这框架必须读取这档案而不是其它框窗的档案.<FRAMESET> 是用以划分框窗,每一框窗由一个 <FRAME> 标记所标示,<FRAME>必须在 <FRAMESET…

iframe动态创建及释放内存

近期參与一个项目的开发,因为项目是基于浏览器的胖client(RIA)应用程序,页面中大量调用iframe.后期測试发现浏览器内存一直居高不下,并且打开iframe页面越多内存占用越大.在IE系列浏览器中尤其明显.全部打开的iframe页面即使关闭了.内存使用也没有明显的下降.IE浏览器在内存占用达到400M左右就变得非常卡.分析发现是iframe没有释放造成的,于是对全部已关闭的iframe所占用的内存进行释放,尽管不能全然释放.可是iframe内存占用量不会一直增长,整个应用内存使用量控制在…

Iframe 自适应高度并实时监控高度变化的js代码

不得不用到iframe,且被强烈要求不能让它出现滚动条!嵌入的页面肯定是高度不一的,页面中也不能出现大片空白,所以也不能写死高度!真是麻鬼烦啊!google N次 + 百度M次 + 试验了1605次之后(听说农药1605就是实验了这么多次后出来的),得出下面成果,在IE7及Firefox3里试了下还能凑合着用用! 1.首先给出个Iframe. <iframe id="ifrm" marginheight="0" marginwidth="0"…

HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版

昨天看到这篇文章[置顶]开源组件NanUI一周年 - 使用HTML/CSS/JS来构建.Net Winform应用程序界面就想弄一个winform结合html5的一个小东西,突有兴致,想在里面嵌套一个微信网页版. 好了,想法一出来,就行动吧,最终效果如下图: 一开始就打算在页面里面嵌套一个iframe指向https://wx.qq.com就OK了,但是我还是太天真,微信网页版会自动跳转.结果如下图: 于是上网搜了一下阻止iframe跳转的办法,就是在iframe标签加上 security="r…

页面的input唤醒软键盘再收起后，页面会出现软键盘高度的空白背景

微信浏览器在版本6.7.4及以上会有这个bug:页面的input唤醒软键盘再收起后,页面会出现软键盘高度的空白背景,触摸到滚动条会消失恢复! 解决代码后台框架嵌入iframe的情景,iframe内部页面输入框唤醒软键盘,控制顶层window滚动 var wechatInfo = navigator.userAgent.match(/MicroMessenger\/([\d\.]+)/i); if(wechatInfo){ $("input,textarea").blur(functi…

HTML（六）HTML iframe 使用postMessage方法进行跨文档消息传递

什么是iframe HTML内联框架元素 <iframe> 表示嵌套的浏览上下文,有效地将另一个HTML页面嵌入到当前页面中. <iframe id="inlineFrameExample" title="Inline Frame Example" width="300" height="200" src="https://www.openstreetmap.org/export/embed.htm…

让iframe自适应高度-真正解决

需求:实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象. (需要只有iframe出现滚动条) 本人一开始这么写:会造成只有主页面加载是设定一次.但是窗体变小或变大后不会触发. $(function setIframeHeight() { var iframe ;//高度初始化600,为了14寸笔记本 iframe =document.getElementById('mainiframe'); iframe.height=documen…

遇到的有关iframe的滚动条问题

今天才发现一个简单有趣的问题,有关iframe的: <div style="height: 800px;overflow: auto;"> <iframe src=" scrolling="no"></iframe></div> 此时div出现了滚动条,百思不得其解,原来还是老问题,就是因为iframe是行内元素,后面的空白节点占据着高度,iframe与空白节点的基线对齐,导致了div被撑开,从而出现滚动条…

【iframe空白】的更多相关文章