求大神jquery获取、或者改变iframe里的样式(值)

求大神jquery获取、或者改变iframe里的样式(值),第1张

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

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

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

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

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

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

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

这种效果还是能够实现的

希望能帮到你 谢谢

具体实现代码如下所示:

function getTabWindow() {

var curTabWin = null;

var curTab = parent$('#main-center')tabs('getSelected');

if (curTab && curTabfind('iframe')length > 0) {

curTabWin = curTabfind('iframe')[0]contentWindow;

}

return curTabWin;

}

调用方式:

1、调用当前Tab中iframe窗体的testMth方法:getTabWindow()testMth();

2、设置当前Tab中iframe窗体的<span id="testPanel"></span>的内容:getTabWindow()$('#testPanel')html('我是设置的内容!!!');

if (iframeattachEvent){

iframeattachEvent("onload", function(){

alert("Local iframe is now loaded");

});

} else {

iframeonload = function(){

alert("Local iframe is now loaded");

};

}

//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);

只有 当iframe里的页面和当前页面 处在同一个域下时才可以

$($('#A')prop('contentWindow')document)find("#B");

这样你试试

经测试:

一。找子窗口中的元素,用contents()find()的方法可以实现。

比如:

var w=$("#bb")contents()find("#c")contents()find("#ni")html();

找到当前页面中id为bb的iframe下的id为c的iframe下的id为ni的html()

二。找父窗口中的元素,用:

 var a=$(windowparentdocument)find("p");

 找到父元素中的p标签元素

方法只有一种:

步骤:

1、获取iframe节点

2、获取iframe中的变量

示例

ahtml

<iframe id='x' name='x' src='bhtml'/>

bhtml

<script>

var y='1';

</script>

在ahtml中获取y,则可以通过以下方式

documentframes['x']y //先获取frame,在获取y

以上就是关于求大神jquery获取、或者改变iframe里的样式(值)全部的内容,包括:求大神jquery获取、或者改变iframe里的样式(值)、jquery easyui 怎样获得tab中的iframe、jQuery读取iframe内的元素的值 iframe加载时间过长导致失败 求解等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9534526.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存