iframe IE兼容

IE中iframe兼容性问题

在使用iframe的时候,有时候想要让调用的iframe框架里面的不显示白背景,让它变得透明,在firefox是透明的,但是在IE浏览器却不透明. 这个其实比较容易解决,只需要增加一个属性即可. 就是在iframe标签中加入属性allowtransparency="true" <iframe src="weste.html" id="rss" width="90%" height="200"

从IE5.5+就支持iframe框架的背景透明.通过使用allowtransparency和background-color来设置iframe框架的透明效果,代码如下: <iframe src="a.html" allowtransparency="true" style="background-color=transparent" frameborder="" width="" height=&qu

js实现鼠标右键自定义菜单(弹出层)，并与树形菜单(TreeView)、iframe合用(兼容IE、Firefox、Chrome)

<table class="oa-el-panel-tree"> <tr> <td style="vertical-align: top; width: 189px; position: relative" class="oa-el-panel-tree-line oa-el-panel-tree-view" onmousedown="floatMenuClass.righthit(event,this)&

【转】js/jquery中刷新iframe方法(兼容主流)

一.js实现刷新两种方式: 1.//方法1 2.document.getElementById('FrameID').contentWindow.location.reload(true); 3.//方法2 4.document.getElementById('youriframe').src=src; 二.jquery实现强制刷新 $('#iframe').attr('src', $('#iframe').attr('src')); 总结:网上一大堆document.frames('ifrmn

Javascript获取IFrame内容(兼容IE&FF)

原创作品,允许转载,转载时请务必以超链接形式标明文章原始出处 .作者信息和本声明.否则将追究法律责任.http://wintys.blog.51cto.com/425414/123303 作者: Winty时间: 2008-12-26 在网上找到在IE下操作IFrame内容的代码: document.frames["MyIFrame"].document.getElementById("s").style.color="blue"; 但是这在F

那些年，我们在Django web开发中踩过的坑（一）——神奇的‘/’与ajax+iframe上传

一.上传图片并在前端展示为了避免前端整体刷新,我们采用ajax+iframe(兼容所有浏览器)上传,这样用户上传之后就可以立即看到图片: 上传前: 上传后: 前端部分html: <form style="display: inline-block" id="upload_img_form" name="form" action="/upload/" method="POST" enctype=&qu

JQuery iframe

子页面获取父页面的元素 function colisetapTJ() { var tapid = $('div:contains("添加档案报送"):last', window.parent.document).attr("id"); var deleteid = tapid.substring(7, tapid.length); var id = "img" + deleteid; var sdfsdd = $("#" +

iframe 跨域请求

iframe.contentWindow 兼容各个浏览器,可取得子窗口的 window 对象. iframe.contentDocument Firefox 支持,> ie8 的ie支持.可取得子窗口的 document 对象. http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html 1.跨域请求,hash方法父窗口 16 function sendRequest()17 {18 var d = doc

IE8,11的iframe高度自适应

兼容模式:function iFrameHeightTzinfo() { var ifm= document.getElementById("iframe_tzinfo"); //var subWeb = document.frames ? document.frames["iframe_tzinfo"].document : ifm.contentDocument; //document.frames["iframe_tzinfo"].doc

利用vw+rem实现移动web适配布局

基本概念 1.单位 Px(CSS pixels) 像素 (px) 是一种绝对单位(absolute units), 因为无论其他相关的设置怎么变化,像素指定的值是不会变化的其实是相对于某个设备而言的,不同设备指定的值大小还是有区别的 em 1em与当前元素的字体大小相同(更具体地说,一个大写字母M的宽度).CSS样式被应用之前,浏览器给网页设置的默认基础字体大小是16像素,这意味着对一个元素来说1em的计算值默认为16像素.但是要小心-em单位是会继承父元素的字体大小,所以如果在父元素上设置了

房产地图google map的初步应用点滴.2)(转)

房产地图google map的初步应用点滴.1)房产地图google map的初步应用点滴.2)房产地图google map的初步应用点滴.3) 房产地图google map的初步应用点滴.4) 本来是想将房产地图google map的应用记录一个系列,但继1)记录完之后总找不到时间继续记录下去,1)中主要解决了Google Maps JavaScript API V3 与 Google Local Search API两者由于版本问题带来的一系列麻烦,思路是使用一个iframe作为兼容的跳板,

【python】-- Ajax

Ajax AJAX,Asynchronous JavaScript and XML (异步的JavaScript和XML),一种创建交互式网页应用的网页开发技术方案. 异步的JavaScript:使用 [JavaScript语言] 以及相关[浏览器提供类库] 的功能向服务端发送请求,当服务端处理完请求之后,[自动执行某个JavaScript的回调函数].PS:以上请求和响应的整个过程是[偷偷]进行的,页面上无任何感知. XMLXML是一种标记语言,是Ajax在和后台交互时传输数据的格式之一一

JavaScript跨域方式总结

1. jsonp请求 jsonp的原理是利用 script 标签的跨域特性,可以不受限制地从其他域中加载资源,类似的标签还有 img. 缺点:只支持GET请求而不支持POST等其他类型的HTTP请求. <script> //回调函数,用来发送给 php服务器 function getData(data) { console.log(data); } //核心本质就是后端服务器返回一个函数调用 getData('js') createJsonp(); function createJsonp

iframe框架在IE浏览器，360兼容浏览器下将白色背景设为透明色

<IFRAME ID="Frame1" SRC="transparentBody.htm"></IFRAME> iframe在大部分浏览器中是没有背景的,但是IE中默认是有一个白色的背景色, 我测试的是(IE8/360兼容浏览器),当主背景色不是白色的时候,在这一部分会显得很突兀. 帮助手册中给出了解决方案,即将iframe中的allowTransparent属性设置为true,即可. <IFRAME ID="Frame1&q

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

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

用JS或jQuery访问页面内的iframe,兼容IE/FF

用JS或jQuery访问页面内的iframe,兼容IE/FF js或者jQuery访问页面中的框架也就是iframe.注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. index.html 文件内含有一个iframe: XML/HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi

跨域 Iframe 通信解决方案（兼容 IE 系列浏览器。）

实现思路: 1.postMessage(IE8+, Firefox 3.1+, Opera 9+, Safari, and Chrome) 2.利用window.navigator共享信息,使支持IE6,IE7 i.父窗口向子窗口iframe发送信息: document.getElementById("childiframe").contentWindow .postMessage( "我是父窗口", "http://child.com:8080"

Iframe高度自适应（兼容IEFirefox、同域跨域）

在实际的项目进行中,很多地方可能由于历史原因不得不去使用iframe,包括目前正火热的应用开发也是如此. 随之而来的就是在实际使用iframe中,会遇到iframe高度的问题,由于被嵌套的页面长度不固定而显示出来的滚动条,不仅影响美观,还会对用户操作带来不便.于是自动调整iframe的高度就成为本文的重点. 采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引发出同域.跨域两种情况. 同域时Iframe高度自适

Iframe高度自适应（兼容IE/Firefox、同域/跨域）