iframe的操作

获取iframe的window,获取Iframe的document,获取父页面的window,某个环境是否iframe,动态创建iframe 这是demo.html,这个页用iframe嵌入了iframe.html,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title> Demo页 </title> </head> <…

jquery 实践操作：iframe 相关操作

此篇记录关于HTML 的 iframe 元素的相关记录定义:iframe 元素会创建包含另外一个文档的内联框架(即行内框架). 常用的基本 iframe 设置(详细设置属性参考API:http://www.w3school.com.cn/tags/tag_iframe.asp): <iframe id="alarmStateTabIframe" scrolling="no" src=""></iframe> 关于 if…

iframe父子操作

1.js在iframe子页面操作父页面元素代码: window.parent.document.getElementByIdx_x("父页面元素id"); 2.js在父页面获取iframe子页面元素代码如下: window.frames["iframe_ID"].document.getElementByIdx_x("子页面元素id"); 3. jquery在iframe子页面获取父页面元素代码如下: $("#objid",p…

iframe之间操作记录

1.watch.js (function ($) { $.fn.watch = function (callback) { return this.each(function () { //缓存以前的值 $.data(this, 'originVal', $(this).val()); //event $(this).on('keyup paste', function () { var originVal = $.data(this, 'originVal'); var currentVal…

jquery中对 iframe的操作

我们先看一下 JQUERY中的对像 contents() 的帮助文件 contents() 概述查找匹配元素内部所有的子节点(包括文本节点).如果元素是一个iframe,则查找文档内容示例描述: 查找所有文本节点并加粗 HTML 代码: <p>Hello <a href="http://ejohn.org/">John</a>, how are you doing?</p>jQuery 代码: $("p")…

跳出框架iframe的操作语句

常用的iframe操作语句 ① 本页面跳转语句: "window.location.href" 或者 "location.href" ② 上一层页面跳转语句: "parent.location.href" ③ 最外层的页面跳转语句: "top.location.href" ④ 通过javascript从框架页向父框架: parent.location.href="index.asp";…

jquery/js iframe 元素操作

1.判断id/ class 是否存在? <script> $(function(){ if(("#id_name").length()>0){ //如果id 存在 } }) </script> 2.jquery 判断 undefined <script> var exp = undefined; if (typeof(exp) == "undefined") { alert("undefined"); }…

iframe的操作switch_to_frame使用方法.

一.frame和iframe区别 Frame与Iframe两者可以实现的功能基本相同,不过Iframe比Frame具有更多的灵活性. frame是整个页面的框架,iframe是内嵌的网页元素,也可以说是内嵌的框架 Iframe标记又叫浮动帧标记,可以用它将一个HTML文档嵌入在一个HTML中显示.它和Frame标记的最大区别是在网页中嵌入的<Iframe></Iframe>所包含的内容与整个页面是一个整体,而<Frame>< /Frame>所包含的内容是一…

iframe中操作主体页面的元素，方法

在不使用三大框架的情况下,iframe的使用可以做到在页面中直接引入别的页面作为当前页面的一部分,但是在iframe的使用过程中存在一些相互之间的操作例如在iframe中获取主页面的元素,使用主页面的js中定义的方法第一.在iframe中查找父页面元素的方法: $('#id', window.parent.document) 第二.在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox") 第三.在iframe中调用父…

jQuery中iframe的操作

今天遇到一个问题:怎样实现点击一个按钮,在当前的页面上新增加一个小窗口,展示一个图片信息? 如图: 点击之前: 单击之后: 分析:要使新增的小窗口不影响父页面,我们这里采用iframe的框架的技术. [<iframe>也应该是框架的一种形式,它与<frame>不同的是,iframe可以嵌在网页中的任意部分.] 实现是思路:(1)在按钮的上添加一个点击的事件,在点击后加入一个iframe窗口,并将生成图片的地址加上去即可. 具体实现的代码: (1)给按钮加上点击事件: <in…

iframe关闭操作

关闭自定义 Div+Iframe弹窗 :window.parent.$("div的id/class/name").remove();//移除div 关闭Iframe弹窗:window.parent.getElementById("放Ifarme的id").style.display = "none";//隐藏Iframe弹窗关闭Iframe弹窗并刷新:parent.location.reload();---------------------…

iframe实用操作

iframe高度设置为子页面高度 //需要使用Jquery $(document).ready(function () { parent.document.getElementById("ifPage").style.height = document.body.scrollHeight + "px"; }); iframe高度自适应于父页面 //需要使用Jquery $(window).resize(function…

javascript iframe相关操作

1. 获得iframe的window对象 iframeElement.contentWindow 2. 获得iframe的document对象存在跨域访问限制. chrome:iframeElement.contentDocument firefox:iframeElement.contentDocument ie:element.contentWindow.document 备注:ie没有iframeElement.contentDocument属性. var getIframeDocume…

iframe相关操作

内容摘要父级获取iframe中的元素父级触发iframe中的函数 iframe触发父级元素绑定的事件 iframe触发父级函数方法 iframe触发父级元素的值 parent.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>parent</title> <style type=&quo…

原生js与jquery操作iframe

1 原生js获取iframe的window对象 //方法1 document.getElementById('iframeId').contentWindow; //方法2 window.frames['iframeName'] 2 原生js iframe与父窗口操作 2.1 父窗口操作IFRAME:window.frames["iframeId"].document 2.2 IFRAME操作父窗口: window.parent.documen 3 jquery…

jquery 操作iframe的几种方法总结

iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作 DOM方法: 父窗口操作IFRAME:window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(":text&…

jquery操作iframe

query取得iframe中元素的几种方法在iframe子页面获取父页面元素代码如下: $('#objId', parent.document); // 搞定... 在父页面获取iframe子页面的元素代码如下: $("#objid",document.frames('iframename').document) $(document.getElementById('iframeId').contentWindow.document.body).html() 显示ifra…

操作IFRAME及元素

内容里有两个ifame <iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe> leftiframe中jQuery改变mainiframe的src代码: $("#mainframe",parent.document.body).attr("src","http://www.jb51.net ") 如…

多个iframe中根据src获取特定iframe并执行操作

多个iframe中根据src获取特定iframe并执行操作前言:在项目中做一个批量编辑工单时需要在一大堆的iframe中的某一个iframe里边再用模态框的形式显示编辑区域,然后再在模态框里边加入iframe实现批量编辑的页面,最后在提交后无法实现跳转,就是当前模态框无法关闭,想到模态框的关闭是通过modal:hide关闭,就想在后端输出js代码直接通过click事件来关闭模态框具体问题: 在多个iframe中找到当前的iframe 找到当前iframe之后操作iframe中的模态框关闭按钮…

jQuery操作Frame（iFrame）

没找到很好的方法只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作选中IFRAME中的所有单选钮$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true"); 2.在IFRAME中操作选中父窗口中的所有单选钮$(window.parent.document).find("inpu…

iframe的Dom操作

我最近遇到这样一个需求, 抛开业务相关不谈,但从技术上说:页面中选择公司中的页面,在iframe中展示被选的页面,并且要对页面做一些Dom相关的处理.也就是说我们需要在父级页面中操作子页面(iframe)的dom. 我查找了一些资料,简单做了一些整理. 主要分成两个方向来说明: 父级页面操作子页面和子页面操作父级页面. 一.父级页面操作子页面这里面存在一个问题:两个页面不能跨域(小域名也要相同).iframe操作是有跨域限制的,试想以下我的页面的iframe引用了竞争对手的页面,但是我用…

iframe操作(跨域解决等)

note:当页面内嵌入一个iframe实际上是在dom上新建了一个新的完整的window对象 iframe中取得主窗体 window.top (顶级窗口的window对象) window.parent (当前iframe的父窗体window) 多层嵌套的iframe window.parent.parent....来取取得需要的window后可进行操作父文档的内容如: window.top.document.getElementById(''xxx"); 主窗体中取得iframe所属的win…

操作iframe的一些方法

//父页面操作iframe里的内容 oInput.onclick=function(){ var oBox = oIframe.contentWindow.document.getElementById("box");//获取window对象 var oDocument = oIframe.contentDocument.getElementById("box");//获取document对象 } //iframe操作父页面里的内容 window.parent.d…

Selenium_WebDriver操作iFrame日历框和复选框_Java

iFrame日历框页面上遇到iFrame元素时,先用findElement找到这个iFrame元素,然后再WebDriver.switchTo().frame(calFrame).在iFrame里操作完成后,记得再切换会原来的窗体WebDriver.switchTo().defaultContent() 复选框复选框是很常见的网页页面元素,操作起来也很easy,findElement找到复选框元素,再使用普通的.click()方式就可以选中或不选中这个checkbox.checkbox.is…

js对iframe内外（父子）页面进行操作

dom对象推荐阅读怎么对iframe进行操作,1.在iframe里面控制iframe外面的js代码.2.在父框架对子iframe进行操作. 获取iframe里的内容主要的两个API就是contentWindow,和contentDocument iframe.contentWindow, 获取iframe的window对象 iframe.contentDocument, 获取iframe的document对象这两个API只是DOM节点提供的方式(即getELement系列对象) var i…

iframe内外的操作

因为iframe涉及到跨域问题,有时候有的比较多,这不今天遇到了一个问题,处在iframe里头的js要操作iframe元素,查找百度,是可以实现的: 用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作选中IFRAME中的所有单选钮$(window.frames["iframe1"].document).find(”input[@type='radio']“).attr(”checked”,”true”); 2.…

解析Jquery取得iframe中元素的几种方法

iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作,需要的朋友可以参考下 DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(&qu…

ExtJs基础知识总结：Dom、IFrame和TreePanel、TabPanel（三）

概述 ExtJs是另外一种操作封装JavaScript的类库与Jquery同类.所以对Dom的操作也是支持的,比如修改Div内Html内容等操作.有几个问题需要思考下: 1.ExtJs也支持IFrame的操作,可是如何才能访问IFrame外部Parent的Extjs对象那? 2.在ExtJs中,我们能够通过TreePanel作为导航菜单,可是TreePanel的Root节点在合并和展开的两种状态展现出来的图标却是不一样,如何设置展开和合并时候图标一致性? 其实ExtJs通过简单的设置就能够解决上…

Jquery-获取iframe中的dom对象

父窗口中操作iframe: $(window.frames["iframeChild"].document) //假如iframe的id为iframeChild 在子窗口中操作父窗口: $(window.parent.document) 接下来就可以继续获取iframe内的dom了. 获取iframe内的dom对象有两种方法 1 $(window.frames["iframeChild"].document).find("#child") 2 $…

【转】jquery iframe取得元素与自适应高度

今天没事来总结一下iframe在jquery中怎么操作的,下面我来给各位介绍jquery 获取iframe子/父页面的元素及iframe在jquery高度自适应实现方法,各位朋友可参考. jquery方法: 在iframe子页面获取父页面元素代码如下: $('#objId', parent.document); 在父页面获取iframe子页面的元素代码如下: $("#objid",document.frames('iframename').document) $(document.…

【iframe的操作】的更多相关文章