javascript - 在 iframe 中填写其他网站上的输入文本表单

Question

我想在另一个网站上自动填充文本框，所以我正在编写一个简短的脚本来执行此操作。我正在加载一个带有网站的 iframe，如果加载了这个 iframe，它应该填写输入文本表单。所以我在 autofill.php 中写了这个:

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="fill.js"></script>
<iframe name="autofillframe" src="https://e-services.blum.com/main/" style="width:100%; height:100%;"></iframe>

这是我在 fill.js 中写的:

$(document).ready(function(e) {
    $('#username').val('username');
    $('#kennwort').val('password');
});

这是一个fiddle

如果我使用 .php 文件而不是网站来执行此操作，则效果很好。这是一个 demo没有网站

有人可以给我提示吗？

Answer 1

当您将来自不同域的页面加载到 iframe 时，您无法通过页面中的 JavaScript 对 iframe 页面执行任何操作。

就浏览器而言，iframe 是一个单独的窗口，您无权访问它。假设用户在一个窗口中打开了银行页面，而您的页面在另一个窗口中打开。您知道浏览器不会让您的 JavaScript 代码干扰银行页面，对吗？

当另一个页面位于 iframe 中时，同样的事情也适用。它仍然是一个完全独立的浏览器窗口，它的位置只是让它看起来像是在您的页面内。

在您的工作示例中，代码有效，因为用户名和密码字段不在来自不同域的 iframe 中。它们是 JavaScript 代码所在的同一页面的一部分。

如果 iframe 是从与您的主页相同的域加载的，那么您可以对它做任何您想做的事情，包括填写表单字段。代码会略有不同，因为您需要访问 iframe 文档而不是主页文档，但这很容易。但是，如果 iframe 来自不同的域，那你就不走运了。