求大神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 三选一"})

这种效果还是能够实现的

希望能帮到你 谢谢

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

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

经测试:

一。找子窗口中的元素,用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标签元素

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml,填写相应html代码。

2、在indexhtml的<script>标签中,输入js代码:

var a = $('#iframe')text();

var s = aindexOf('<iframe><body>');

var e = aindexOf('</body>');

var r = asubstr(s + 14, e - s - 14);

$('#iframe')parent()append(r);

3、浏览器运行indexhtml页面,此时两层iframe里的内容被取出来了。

使用jquery *** 作iframe

1、 内容里有两个ifame

<iframe id="leftiframe"</iframe>

<iframe id="mainiframe</iframe>

leftiframe中jQuery改变mainiframe的src代码:

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

以上就是关于求大神jquery获取、或者改变iframe里的样式(值)全部的内容,包括:求大神jquery获取、或者改变iframe里的样式(值)、Jquery如何获取iframe里面body的html呢、jquery如何获取页面中引入iframe网页的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存