jquery3.2操作iframe

2024-08-24

JQuery 操作 iframe

JQuery访问iframe内的元素 $("iframe#Main", top.document).contents().find("#id"); JQuery取或者设置iframe的scrollTop值 var top = $("iframe#Main", top.document).contents().scrollTop();//取 $("iframe#Main", top.document).contents().sc

js学习笔记：操作iframe

iframe可以说是比较老得话题了,而且网上也基本上在说少用iframe,其原因大致为:堵塞页面加载.安全问题.兼容性问题.搜索引擎抓取不到等等,不过相对于这些缺点,iframe的优点更牛,跨域请求.制作富文本编辑器.历史记录管理.长连接.无刷新文件上传等方面,可参考一下知乎的这个回答:Iframe 有什么好处,有什么坏处?国内还有哪些知名网站仍用Iframe,为什么?有哪些原来用的现在抛弃了?又是为什么?. 今天就总结一下操作iframe的方法,以及平时的一些使用. 知识点汇总有些事情平时不

原生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

使用jquery操作iframe 1. 内容里有两个ifame <iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe> leftiframe中jQuery改变mainiframe的src代码: $("#mainframe",parent.document.body).attr("src","http://ww

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中的js函数

关键字:jquery操作iframe中的js函数 1.jquery操作iframe中的元素(2种方式) var tha = $(window.frames["core_content"].document).find("#trewuuu").html(); var thb = $("#core_content").contents().find("#trewuuu").html(); 2.操作父界面中的元素(header:为某

[置顶] js操作iframe兼容各种浏览器

在做项目时,遇到了操作iframe的相关问题.业务很简单,其实就是在操作iframe内部某个窗体时,调用父窗体的一个函数.于是就写了两个很简单的htm页面用来测试,使用网上流行的方法在谷歌浏览器中始终报错,不能通过. 父页面parent.html的代码如下 <html xmlns="http://www.w3.org/1999/xhtml"> <head><title> </title> <script src="jque

jquery ：操作iframe

原文 jquery :操作iframe 1. 内容里有两个ifame <iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe> leftiframe中jQuery改变mainiframe的src代码: $("#mainframe",parent.document.body).attr("src","http:/

js操作iframe总结

一在父页面操作子页面 IE下操作IFrame内容的代码: document.frames["MyIFrame"].document.getElementById("s").style.color="blue"; 但是这在Firefox下无效.所以,想到在Firefox下用FireBug来调试.经过调试发现在Firefox下可用以下代码来实现: document.getElementById("MyIFrame").c

JS中获取和操作iframe

一.需求与遇到的问题在网站的后台管理中使用了iframe框架布局,包括顶部菜单.左侧导航和主页面.需求是:点击主页面上的一个按钮,在顶部菜单栏的右侧显示“退出”链接,点击可退出系统. 我的思路是:在顶部的菜单页面放一个不可见的“退出”链接,当用户点击位于iframe中的主页面(mainPage.htm)中的按钮时,在顶部菜单页面的右侧显示“退出”. 我现在遇到的问题是:如何在页面的一个iframe子页面(mainPage.htm)中获取并且操作其它iframe子页面(比如topPage.htm

JQuery操作iframe父页面与子页面的元素与方法

JQuery操作iframe父页面与子页面的元素与方法 JQUERY IFRAME 下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS也可以实现. 第一.在iframe中查找父页面元素的方法: $('#id', window.parent.document) 第二.在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox") 第三.在iframe中调用父页面中定义的方法和变量: parent.method pa

jquery操作iframe的方法：父页面和子页面相互操作的方法

今天在弄jquery操作iframe中元素:先由iframe中的子页面b.html给外面的父页面a.html页面传值,再将a.html页面计算机的值放到b.html页面上,这里就用到子页面和父页面相互传值,相互调用更自函数这些功能,这里我用一个简单的例子来介绍一下这些方法. a.html <script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/j

jQuery操作iframe中js函数的方法小结

1.jquery操作iframe中的元素(2种方式) ? 1 2 var tha = $(window.frames["core_content"].document).find("#trewuuu").html(); var thb = $("#core_content").contents().find("#trewuuu").html(); 2.操作父界面中的元素(header:为某个元素的id) ? 1 $('#hea

原生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

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

jquery方法操作iframe元素

操作iframe父元素 $("#rolesCtl",parent.document).find( 'button' ).trigger( 'click' ); 在父页面获取iframe子页面的元素 $("#objid",document.frames('iframename').document) 在iframe子页面获取父页面元素 window.parent.document.getElementByIdx_x("元素id"); 在父页面获取i

JS 操作iframe

很多人一直都有个想法,要是可以随心所欲的操作iframe就好了.这样静态页面也就有了相当于后台动态页面php,jsp,asp中include,require实现统一多页面布局的能力. 通过Javascript的帮忙我们可以像后台一样动态加载操作iframe对象属性src指向的html页面的内容.这样的操作需要提供两个页面,一个页面是iframe所在页面(页面名称:iPage.html),另一个页面是iframe属性src指向页面(页面名称:srcPage.html). iPage.html,<b

笔记：javascript操作iframe内的DOM元素，及调用iframe内的方法

iframe相当于一个嵌入在网页内的浏览器,它与当前网页是隔离的. 但有时我们也需要在当前网页操作iframe内的元素或操作iframe内的javascript方法. 在网页内操作DOM元素,是使用document对象.那么,当我们需要操作iframe内的元素时,就需要找到iframe内的document对象. 假设有以下HTML代码: <iframe id="ifm" src="a.htm"></iframe> 那么可以像这样取得ifr

操作iframe的一些方法

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

使用jquery操作iframe中的元素

使用jquery操作iframe中的元素<iframe src="/test/demo.htm" width="99%" height="300" id="frameTHY"></iframe><pre><script>window.onload = function() { $( "#frameTHY" ).contents().find( "a&

父页面操作iframe子页面的安全漏洞及跨域限制问题

一.父子交互的跨域限制同域情况下,父页面和子页面可以通过iframe.contentDocument或者parent.document来交互(彼此做DOM操作等,如父页面往子页面注入css). 跨域情况下,就会有限制,无法相互操作. [解决办法] 1.主域不同没招 2.主域相同,子域不同以父(a.baidu.com)子(b.baidu.com)为例: 这俩页面相互操作,要是想解决跨域限制,必须设置一个共同的主域,即document.domain="baidu.com" 二.禁止父

jquery3.2操作iframe

热门专题