使用javascript / jquery访问iframe的html

Question

我正在一个网站上工作，该网站要求用户登录在iframe中显示在我的网站上的第三方网站。 我正在尝试使用jQuery提取该网站的html代码，但实际上并没有用。 这是我的代码。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Iframe</title>
<link rel="stylesheet" type="text/css" href="style.css">

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

$(document).ready(function(){
    console.log($("#iframe").contents().find("body"));
});

</script>
</head>

<body>
    <iframe src="https://www.google.com"></iframe>
</body>

</html>

我在示例中使用的是google，但我使用的是其他网站。 我得到的结果是-w.fn.init [prevObject：w.fn.init（0）]-但找不到html。 有谁知道该怎么做？

Answer 1

假设您的网站能够访问您所包含的任何iframe的内容。 您可以仅包括Facebook，Gmail或用户登录的任何银行网站之类的网站，然后窃取其个人信息。 因此，默认情况下严格禁止这样做： https : //developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

但是，有一种“选择加入”技术，可以在父窗口和iframe之间进行通信。 基本上，每个站点/文档都定义了要传输的信息，并使用window.postMessage（）方法发送该信息： https : //developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

因此，如果消息是从一方发送的

window.postMessage("hello!", "http://example.com");

它可能会被其他人接收

window.addEventListener("message", function(e) {
    console.log(e.data); // prints "hello!"
}, false);

使用javascript / jquery访问iframe的html

问题描述

1 个解决方案

解决方案1
1 2018-04-21 13:07:38

使用javascript / jquery访问iframe的html

问题描述

1 个解决方案

解决方案1 1 2018-04-21 13:07:38

解决方案1
1 2018-04-21 13:07:38