JQuery 访问 iframe 里面的内容

最新推荐文章于 2018-10-18 10:38:07 发布
最新推荐文章于 2018-10-18 10:38:07 发布
阅读量750 收藏
点赞数
分类专栏： Web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qichi_bj/article/details/27525873
版权

HTML 片段：

<iframe id="i0" src="/Proxy" width="100%"; height="400"></iframe>

JS 片段： 

$("#i0").contents().find("div#div_12345 img").attr("src", "image_url");

有跨域访问的限制，如果在 iframe 中加载第三方网页，需要使用代理绕过跨域访问的问题。

qichi_bj
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery如何实现在加载完iframe的内容后再进行操作
10-26
然而，由于同源策略的限制，当`iframe`加载的页面与主页面不在同一个域时，我们可能无法直接访问`iframe`的内容。在这种情况下，如果两个页面都具有CORS（跨源资源共享）设置，那么可以通过`window.postMessage` API...
Jquery调用iframe父页面中的元素及方法
11-24
在jQuery中，我们可以通过以下方式在`iframe`中查找并操作父页面的元素： 1. **查找父页面元素**： 使用`$(‘#id', window.parent.document)`，这里的`#id`是你想查找的父页面元素的ID。例如，如果我们要获取父...
js访问iframe里面的内容
黄彪博客
09-07 522
usually function fdslglkjlfdg var vname="v_name"; function test(){ alert("function test"); }   window.top 获取最顶层的祖先窗口   usually function
jquery如何在加载完iframe的内容后才进行下一步操作
今天，努力
09-09 2503
为iframe添加onload事件 ie使用attachEvent("onload",function(){}) firefox、chrome使用addEventListener("onload",function(){})，或者直接使用onload=function(){} 注：在firefox、chrome下 iframe.attachEvent返回undefined，可被翻
Jquery Javascript 取得iframe中元素的几种方法
热门推荐
一米阳光
09-19 11万+
<br />query取得iframe中元素的几种方法<br /> <br />在iframe子页面获取父页面元素<br /> 代码如下:<br /><br /> $('#objId', parent.document);<br /> // 搞定...<br /><br /><br /> 在父页面 获取iframe子页面的元素<br /> 代码如下:<br /><br /> $("#objid",document.frames('iframename').document)<br /> <br
使用Jquery操作iframe中的元素
孙琛斌的专栏
12-16 1万+
前几天，在原有功能上追加功能，jsp页面是已经存在了的，通过jquery获取元素总是获取不到，很奇怪，所以就仔细的看看了看jsp，原来那段代码是iframe里面的，虽然经常用jquery，但我一开始还真不知道iframe里面的东西，按照我们通常的方式取不到，所以查了下发现，jquery里面有个这个方法contents()。下面直接贴下简单的代码示例：<iframe src="/test/demo.h
jquery 跨iframe拖拽
03-16
4. **跨IFrame通信**：由于同源策略，直接访问不同IFrame的内容是受限的。如果IFrame是同一源，可以使用`window.parent`或`window.frames['iframeName']`来访问父IFrame或特定IFrame的窗口对象。若跨域，可以通过...
jquery获得同源iframe内body下标签的值的方法
12-10
总结起来，要使用jQuery获取同源`iframe`内`body`下标签的值，首先需要确保`iframe`与父页面同源，然后可以通过`window.frames`获取`iframe`的`contentWindow`，接着访问其`document`对象，并用jQuery包装，最后使用...
同域jQuery(跨)iframe操作DOM(示例代码)
10-26
这是iframe #bb里的内容 跨父读取iframe #aa"> 跨父写入iframe #aa"> ``` 这里的重点在于使用 `parent.document` 来引用父页面的文档对象。当点击“跨父读取iframe #aa”按钮时，它会读取父页面中iframe #aa的body...
iframe跨域访问与传值的个人解决办法
I_love_youlovelove的博客
02-17 6929
如果你想在自己的网页上引用并显示别人的网页，那么iframe是一个很好的选择。如果你的网站和将要引用的网站在同一个域名下那么可以通过js很方便的操作iframe中的DOM对象。但是如果两者不在相同的域名下那么就要涉及到跨域访问的问题了。本人有一些小的方法在这里就和大家分享一下。              如下图：如果自己的网页想要访问iframe1的DOM对象就会产生跨域访问的问题。所以我们就要
jQuery修改iframe内容和获取iframe内容
qq_40435659的博客
09-14 2万+
      &lt;div class="tabCon"&gt; &lt;div class="nui-scroll"&gt; &lt;iframe id="myFrame"&gt;&lt;/iframe&gt; &lt;/div&gt; &lt;/div&gt; 想要将后台传来的HTML文本直接更
jquery给iframe添加内容
mark's technic world
10-28 6120
1给iframe里的head添加内容： $($(".bugu-edit-iframe")[0].contentWindow.document.head).html(""); 先得到iframe：如$(".bugu-edit-iframe")[0] 再得到head：如contentWindow.document.head 2给iframe里的body添加内容： $($(".bugu-edi
jQuery 接管iframe内a 标签请求
东明之羞的博客
10-18 1552
jQuery 处理iframe内 接管a 标签请求 用处: 在Electron 做桌面程序时，有时会用到web页面，当页面中存在 a标签时，如果点击会使用原先的窗口弹出程序，但我们会想着修改成 Web Browser和指定窗口打开，这是就需要拦截页面内的a标签事件，常用的a标签target值如下 依赖项：jquery.js /** * 接管所有弹出窗口请求 ...
访问iframe里面内容的方法（解决兼容性问题）
黄彪博客
12-04 6124
文章摘抄至 http://www.csharpwin.com/dotnetspace/3774r938.shtml   假如你当前主页面中嵌入了一个iframe，ID为：iframeid (很多网页内部弹出窗口也会使用iframe)； iframe里面定义了一个javascript函数，函数名为：myFunc； 需要在主页面调用iframe的这个函数，请参考：   1. 首先这么调用在
Jquery中获取当前页面某iFrame内部元素的方法
qq_14855277的博客
07-07 2091
var productId = $(window.frames['products_iframe'].document).find('input[name="product"]:checked').val();
Js/Jquery获取iframe中的元素
skysky_1989的博客
11-23 1022
在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。 js 在父窗口中获取iframe中的元素 1. 格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例：window.fr...
Jquery Dialog Iframe
最新发布
05-27
如果您想在 jQuery 对话框中嵌入一个 iframe，可以按照以下步骤操作： 1. 首先，在您的 HTML 页面中，为 jQuery 对话框和 iframe 创建相应的元素： ```html <iframe id="my-iframe" src=...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值