在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');
});

这是一个小提琴

如果我使用.php文件而不是网站,它可以正常工作.这是一个没有网站的演示

有人能给我一个暗示吗？

干杯

Answer 1

当您将其他域中的页面加载到页面中时iframe,您无法对页面中的JavaScript中的iframe页面执行任何操作.

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

当另一页在一个页面时,同样适用iframe.它仍然是一个完全独立的浏览器窗口,它只是定位在它看起来像在你的页面内.

在您的工作示例,代码工作,因为用户名和密码字段是不是在iframe从不同的域.它们是JavaScript代码所在页面的一部分.

如果iframe从与主页面相同的域加载,那么您可以执行任何您想要的操作,包括填写表单字段.代码会略有不同,因为您需要访问iframe文档而不是主页文档,但这很容易.但如果iframe来自不同的领域,那你就不走运了.