在extern网页上预填表格

Question

有一些网站（不是我的，它是第三方），上面有一个表格。为了避免用户填写此表单，我想以某种方式预先填写我存储在数据库中的数据。

让我们说它看起来像这样：

<form id='form1'>
  <input type='text' id='input1' />
  <input type='submit' />
</form>

我虽然解决方案是创建我的网页，然后在其上创建一个iframe，其中包含我要填写的表单。

<iframe id='myFrame' src='http://www.someSite.html'>

我在此处已经遵循了一些关于如何访问iframe内容的建议：Getting Contents of Iframe with Pure JavaScript，How to get the body's content of an iframe in Javascript?，但问题是，当我按照它们说，它表示页面的内容为空

我发现这是因为带有表单的页面位于不同的域中，因此Web浏览器不允许这样做。可以在浏览器中关闭它，但我需要它独立于浏览器设置工作。

Answer 1

您无法在简单的网页中执行您所要求的操作。出于某种原因存在安全限制;想象一下，如果恶意用户想要在iframe中加载您的银行网站并让您登录。然后，托管页面上的恶意脚本可以访问您输入凭据，帐户信息等的表单。

正如@mplungjan所说，您必须通过从服务器发出请求并代理它们来解决这个问题，以便远程内容首先实际通过您的站点，或者让用户使用插件修改其浏览器环境或书签。