jquery,iframe,如何在父窗口监听,子窗口发生改变时,父窗口获取子窗口的值

jquery,iframe,如何在父窗口监听,子窗口发生改变时,父窗口获取子窗口的值,第1张

①jquery在父页面 获取iframe子页面的元素

代码如下:(objid为子页面的id)

$("#objid",documentframes('iframename')document)

②js 在父页面获取iframe子页面元素代码如下:

windowframes["iframe_ID"]documentgetElementByIdx_x("元素id");

以上两种都能获取到子页面中的元素,再根据元素去获取元素的值就可以了。

使用jquery *** 作iframe

1、 内容里有两个ifame

<iframe id="leftiframe"</iframe>

<iframe id="mainiframe</iframe>

leftiframe中jQuery改变mainiframe的src代码:

$("#mainframe",parentdocumentbody)attr("src",">

Jquery可以使用“$("iframe body")html()”语句获取iframe里面body的html内容。

jQuery选择器允许对HTML元素组或单个元素进行 *** 作,所有选择器都以美元符号开头:$()。元素选择器基于元素名选取元素,例如:“$("p")”可以获取页面中所有<p>元素对应的jquery对象。

jQuery对象的html()函数用于获取该对象对应html标签内包含的所有html代码。

扩展资料:

jQuery选择器的分类:

1、元素选择器

jQuery元素选择器基于元素名选取元素,例如:“$("p")”用于选取出所有p标签的jquery对象。

2、id选择器

jQuery #id选择器通过HTML元素的id属性选取指定的元素。页面中元素的id应该是唯一的,所以您要在页面中选取唯一的元素需要通过#id选择器,例如:“$("#test")”于选取出id为“test”的jquery对象。

3、class 选择器

jQuery类选择器可以通过指定的class查找元素,例如:$("test")用于选取出所有包含“test”类的jquery对象。

参考资料来源:百度百科-jQuery

你好 别想了 这属于跨域问题 无法改变bhtml内容

除非通过ajax来做 但是真的很麻烦 为何不在b页面直接改变?

比如 一排 li 代表选项卡切换 你想通过li悬浮去改变iframe里面内容

那为何不把 这个导航直接放到 B页面中去?

a页面只能控制 也是最适合的应用 就是控制 iframe的src属性

比如 a页面 iframe中 显示 b c d 页面

那么 动态的改变 $("iframe")attr({"src":"bhtml/chtml/dhtml 三选一"})

这种效果还是能够实现的

希望能帮到你 谢谢

//jquery在父窗口中获取iframe中的元素

//1、获取页面firame1的html内容

$("#iframe1")contents()find("#form1")html()

//获取iframe内的网页标题

$("#iframe的ID")contents()attr("title");//jquery 方法1

//类似的方法

$(selector, windowtopdocument); 

$(selector, windowopenerdocument); 

$(selector, windowtopframes[0]document);

页面A包含B和C两个iframe

则B与C要相互访问都可以使用parent访问A,通过A这个桥梁来访问B和C

A页面

function getC(){

return documentgetElementById("C");

}

function getB(){

return documentgetElementById("B");

}

<iframe id="B" allowtransparency="true" scrolling="no" frameborder="0" src="/bjsp"></iframe>

<iframe id="C" allowtransparency="true" scrolling="no" frameborder="0" src="/cjsp"></iframe>

B页面

function getmyc(){

var c=parentgetC()mycinnerHtml;

alert(c);

}

<div id="myb">bbbb</div>

C页面

<div id="myc">cccc</div>

以上就是关于jquery,iframe,如何在父窗口监听,子窗口发生改变时,父窗口获取子窗口的值全部的内容,包括:jquery,iframe,如何在父窗口监听,子窗口发生改变时,父窗口获取子窗口的值、jquery怎么 *** 作iframe、Jquery如何获取iframe里面body的html呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9540480.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存