iframe里使用fixed问题

2024-11-04

关于iframe中使用fixed定位的一些问题

先来看看position: fixed:的定义:生成绝对定位的元素,相对于浏览器窗口进行定位: 但是在iframe中使用fixed定位,实际上是相对于iframe窗口进行定位,原因在于iframe类似于创建了一个浏览器窗口,在使用一些获取鼠标位置以及元素位置等方法的时候把iframe当作浏览器窗口来处理就行. 以下是一些在iframe中使用fixed需要考虑的常用js事件对象属性与方法: 获取鼠标的位置: e.clientY // 获取鼠标在浏览器视窗的Y坐标,在iframe中相对于iframe

JS操作未跨域iframe里的DOM

这里简单说明两个方法,都是未跨域情况下在index.html内操作b.html内的 DOM. 如:index.html内引入iframe,在index内如何用JS操作iframe内的DOM元素? 先贴下index.html和iframe引入的a.html内容. index-> <div class="d1"> <iframe src="a.html" frameborder="0" name="one"

js获取iframe里的body内容

做个页面需要加入a.html 使用的js动态添加iframe 直接JQ添加的代码 $(".banner-box").after(“<iframe src="http://www.xxx.com/publish/d1111top.html" height="8191" width="100%" frameborder="0" scrolling="no" id="fra

用jQuery在IFRAME里取得父窗口的某个元素的值

收集网上的一些示例: 用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作选中IFRAME中的所有单选钮 $(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true"); 2.在IFRAME中操作选中父窗口中的所有单选钮 $(window

在iframe里调用parent.func()引出的js函数运行在它们被定义的作用域里,而不是它们被执行的作用域里

有个document里定义了一个函数func(),同时在document里嵌入了一个iframe,在这个iframe里调用父窗口的方法:parent.func(),本来我以为这个函数的运行环境是在这个iframe自己里面,测试发现虽然是在iframe里面调用的这个函数,但是运行环境依然是在父窗口里. 所以也验证了JS权威指南中的:js函数运行在它们被定义的作用域里,而不是它们被执行的作用域里. 又比如 var a=1; function f1(){console.log(a);}; functi

iframe 里的高度适应的问题

iframe 这个东西功能是很强大,但是有一个巨大的问题就是高度自适应的问题: 不过这个问题,百度或者谷歌上有很多解决办法,但是,很多时候都有兼容性问题: 所有我就每个方法都试了一遍,终于找到了一个感觉很牛的样子,不需要用到js 就可以让iframe 里的内容覆盖整个页面,感觉很舒服.哈哈哈 <html> <head> <meta charset="UTF-8"> <title></title> </head>

iframe 里的高度自适应

由于公司里的很多东西都要用到iframe 导致我不得不各种百度首先是自适应高度 // document.domain = "caibaojian.com"; function setIframeHeight(iframe) { if (iframe) { var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow; if (iframeWin.document.body) { iframe.h

获取Iframe页面高度并赋值给Iframe以及获取iframe里的元素

最近接手了别人的项目,别人用到了iframe,自己在实战中总结了一些关于iframe的小问题. 获取Iframe页面高度并赋值给Iframe Html <iframe name="container_ifranme" id="iframeId" scrolling="no" frameborder="no" border="0" src="home.html" onLoad=&qu

原生JS操作iframe里的dom

转:http://www.css88.com/archives/2343 一.父级窗口操作iframe里的dom JS操作iframe里的dom可是使用contentWindow属性,contentWindow属性是指指定的frame或者iframe所在的window对象,在IE中iframe或者frame的contentWindow属性可以省略,但在Firefox中如果要对iframe对象进行编辑则,必须指定contentWindow属性,contentWindow属性支持所有主流浏览器. 相

jQuery在iframe里取得父窗口的某个元素的值

提供一款jQuery在iframe里取得父窗口的某个元素的值实现,这个iframe用js也差不多,有需要的朋友可以参考一下. 1.在父窗口中获取指定iframe(testiframe) id 为 testid 的class $(window.frames["testiframe"].document).find("#testid").attr('class'); 2.在IFRAME中获取父窗口中id为testid的class $(window.parent.docu

在父页面和其iframe之间函数回调父页面回调iframe里写的函数

// @shaoyang 父页面 window['mengBanLogin']={ mengBanArr : new Array(), mengBanLoginSuccess : function(){ console.log('mengbanzhixing'); if(mengBanLogin.mengBanArr.length > 0){ for(var i = mengBanLogin.mengBanArr.length-1; i >= 0; i--){ mengBanLogin.me

javascript 获取iframe里页面中元素值的方法关于contentWindow和contentDocumen

javascript 获取iframe里页面中元素值的方法 IE方法:document.frames['myFrame'].document.getElementById('test').value; 火狐方法:document.getElementById('myFrame').contentWindow.document.getElementById('test').value; IE.火狐方法: function getValue(){ var tmp = ''; if(document.

angular-使用iframe做独立页（iframe传值到angular和iframe里请求后台数据）

这个方法使用过两次.一次是在项目中嵌入一个表达式生成器.因为用别人做好的网页变成组件很难,而且里面用了jq,与angular思想相反不能用.另一次是因为想要单独引用样式.而innerHTML使用的样式放在组件css里不生效.放在assets里又影响全局样式.所以使用iframe. 第一种是在iframe页中获取我需要的值传回angular页.另一种是将后台请求参数传向iframe页.在iframe引用的页中请求并返回后台数据用innerHTML展示. 两种都先链接到iframe并传参.首先ifr

iframe里访问父级里的方法属性

window.parent.attributeName; // 访问属性attributeName是在父级窗口的属性名 window.parent.Func(); // 访问属性Func()是在父级窗口的方法 window可以不写项目里用于上传文件功能使用了iframe,在引用iframe的页面里取父类元素或JS里的变量时候,需加上window.parent. 在index.JS定义的JS变量bootStrapFileUploadUrl = “上传的url”:在iframe里取的时候如下:

iframe中positioin:fixed失效问题

页面中嵌套的iframe 内的 position:fixed元素定位失效fixed正常页面此时position:fixed是根据浏览器窗口定位的,下拉一直位于左上角:以iframe形式嵌入后此时position:fixed是根据iframe窗口定位的,下拉fixed元素消失:这种问题应该用什么思路解决呢当时做的是在iframe页面中点击分享图片,弹窗二维码的功能,要让二维码图片相对于外部window窗口固定定位. $(".share a").click(function(){

黄聪：如何阻止iframe里引用的网页自动跳转

今天做了个网页,要在网页里设置一个iframe,然后套用其他的网站.使用http://luanqi-cat.blogbus.com 这个网址的时候,出现了莫名其妙的问题,我的网页居然会强制自动跳转到这个网页上.搜索了一番,才知道原来这个网页用了如下的一段代码: if (top.location != self.location) {top.location=self.location;} 使用里这段代码之后,会自动判断当前的location是否是顶层的,即是否被嵌套到iframe里面了,如果是,

如何阻止iframe里引用的网页自动跳转

今天做了个网页,要在网页http://www.58shuwu.com/to/21766654/Legend%20of%20Miyue/ 里设置一个iframe,然后套用其他的网站.使用http://movie.douban.com/subject/21766654 这个网址的时候,出现了莫名其妙的问题,我的网页居然会强制自动跳转到这个网页上.搜索了一番,才知道原来这个网页用了如下的一段代码: if (top.location != self.location) {top.location=sel

推断iframe里的页面载入完毕

//推断iframe是否载入完毕,RMid为iframe的ID document.getElementById("RMid").onload = function () { alert("载入完毕"); } //在父框架操作iframe页面里的AddReceipt2方法 window.frames["RMid"].AddReceipt2();

关于iframe里的子页面如何调取父级页面里的事件（子调父）

在子页面里面的事件里写 self.parent.window.父级函数名('参数名'); 父级里面直接写函数. js中的parent.top.self的含义. js中经常看到window.parent.window.top.window.self,那么这些代表什么意思呢?1.parent常用在iframe和frame中的子页面访问父页面中的对象.2.top:一个页面可能会有很多层,top是指最顶层的框架.3.self是指当前窗口.

js读取iframe里的元素

父层 <div id="SubStepNav" class="SubStepNav"> <iframe src="aaa.html" id="SubStepIframe" name="SubStepIframe"></iframe> </div> <script type="text/javascript"> $(frames[

iframe里使用fixed问题

热门专题