jquery如何在html页面取得iframe的元素

Posted 2023-04-04

a.html页面里面有一个name="iframe_form"的iframe，iframe里面有个.send，如何选中它

如果这个iframe的页面跟a.html是同域名下的，就可以可以来取：

获取iframe的页面内容：

var $doc = jQuery('iframe').contents();

这里的contents()方法就可以iframe页面内任何对象。

使用选择器获取你想要的对象：

var $send = $doc.find('.send');

链式写法：var $send = jQuery('iframe').contents().find('.send');

$send就是你要的jQuery对象了。

当然，如果iframe的页面跟a.html是不同域的话，受浏览器的安全访问限制，就没有办法获取你要的对象了。

参考技术A 利用jquery取得iframe的元素有如下几种方法：
1、利用元素ID取得：$("#ID");
2、利用CSS样式取得：$(".CSS名"); 参考技术B $('iframe[name="iframe_form"] .send')

jquery如何获取页面中引入iframe网页的内容

<iframe src="ip.html" target="_self" id="if"></iframe>此为index.html中的iframe，我想在index.html页面中使用jquery获取引入页面的内容，求解
3楼：你说的那个我试过了，Uncaught SecurityError: Blocked a frame with origin "null" from accessing a frame with origin "http://iframe.ip138.com". The frame requesting access has a protocol of "file", the frame being accessed has a protocol of "http". Protocols must match.不知道怎么回事，其实我就是想用java获取外网ip，做一个【您所在IP申请的短信验证码数已经达到上限】这个功能，如果有其它方法，大家尽管推荐，谢谢！

//jquery在父窗口中获取iframe中的元素
//1、获取页面firame1的html内容
$("#iframe1").contents().find("#form1").html()
//获取iframe内的网页标题
$("#iframe的ID").contents().attr("title");//jquery 方法1
//类似的方法
$(selector, window.top.document); 
$(selector, window.opener.document); 
$(selector, window.top.frames[0].document);

参考技术A

qkqqqqkqqq推荐的文章我也看了，不知道楼主试过没有，我试了下只有

$(document.getElementById('iframeId').contentWindow.document.body).html()

这个成功了，其他都说我缺少函数，可能是JQ版本的问题

参考技术B 你iframe跨域访问了啦，要想获取IP，有很多第三方的API的，如腾讯，新浪，淘宝等都有提供API你直接调用就行了，具体的你可以百度一下 IP地址库 api 参考技术C http://www.cnblogs.com/liyuxin/archive/2011/10/06/2199931.html
他写的很好，可以看看 参考技术D $("#if").html()
这个搞不到？？