代码如下:(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呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)