代码之家 › 专栏 › 技术社区 › mbillard

如何使用jquery访问iframe的内容?

iframe jquery

100

mbillard · 技术社区 · 14 年前

如何使用jquery访问iframe的内容?我试过这样做,但没用:

iFrAME内容: <div id="myContent"></div>

jQuery: $("#myiframe").find("#myContent")

我怎样才能进入 myContent ?

类似 jquery/javascript: accessing contents of an iframe 但被接受的答案不是我想要的。

3 回复 | 直到 6 年前

182

Cedric 6 年前

你必须使用 contents() 方法:

$("#myiframe").contents().find("#myContent")

来源: http://simple.procoding.net/2008/03/21/how-to-access-iframe-in-jquery/

andres descalzo 14 年前

<html>
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script type="text/javascript">

$(function() {

    //here you have the control over the body of the iframe document
    var iBody = $("#iView").contents().find("body");

    //here you have the control over any element (#myContent)
    var myContent = iBody.find("#myContent");

});

</script>
</head>
<body>
  <iframe src="mifile.html" id="iView" style="width:200px;height:70px;border:dotted 1px red" frameborder="0"></iframe>
</body>
</html>

fireb86 9 年前

如果iframe的源是外部域,浏览器将隐藏iframe内容(相同的源策略)。解决方法是将外部内容保存在文件中,例如(在PHP中):

<?php
    $contents = file_get_contents($external_url);
    $res = file_put_contents($filename, $contents);
?>

然后,获取新的文件内容(字符串)并将其解析为HTML,例如(在jquery中):

$.get(file_url, function(string){
    var html = $.parseHTML(string);
    var contents = $(html).contents();
},'html');

推荐文章

mlsmet · 无法在Android手机上水平滚动表格

2 年前

lord stock · 硒在iframe中引发与下拉菜单相互作用的非接触元素异常

2 年前

ironmantis7x · 我无法使用html更改iframe中文本的文本颜色

2 年前

GÊá´á´á´ÊCá´á´ · 如何预加载或检测CDN承载的视频何时加载到盖茨比的折叠上方?

2 年前

ControlAltDel · 从iframe中加载的html页面上的源脚本获取Javascript变量

2 年前

Soniya Joshi · Android如何在Android iframe webview中传递url?

6 年前

Hellpless · 根据iframe-Google自动播放策略中的allow=“Autoplay”属性激活自动播放

6 年前

rosu alin · Vimeo视频不会在iframe中的chrome上启动。未调用LoadProgress

6 年前

Mahsa · 如何在javascript中获取iframe中链接的坐标

6 年前

Dixon Chaudhary · 在Laravel中维护会话和身份验证

6 年前