如何使用jQuery访问iframe的内容？

dgenwo3n 于 2023-04-20 发布在 jQuery

关注(0)|答案(3)|浏览(201)

如何使用jQuery访问iframe的内容？我试过这样做，但它不起作用：

iframe内容：<div id="myContent"></div>
jQuery：$("#myiframe").find("#myContent")

如何访问myContent？

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

jquery

来源：https://stackoverflow.com/questions/1796619/how-to-access-the-content-of-an-iframe-with-jquery

3条答案

按热度按时间

omhiaaxx1#

使用contents()方法：

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

来源：https://web.archive.org/web/20180608003357/http://simple.procoding.net/2008/03/21/how-to-access-iframe-in-jquery/
API文档：https://api.jquery.com/contents/

赞(0）回复(0）举报 2023-04-20

70gysomp2#

<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>

赞(0）回复(0）举报 2023-04-20

eiee3dmh3#

如果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');

赞(0）回复(0）举报 2023-04-20

我来回答

如何使用jQuery访问iframe的内容？

3条答案

相关问题

热门标签

最新问答