从不同的域以编程方式编辑iframe元素

时间:2017-03-13 16:28:20

标签: javascript html css iframe

我有一个来自我使用的网络应用程序的iframe表单(该表单是一个自定义查询表单,已添加到我的网页应用程序中的日记中),我正在尝试将其嵌入我的网站。

因此嵌入在iframe这个论坛加载在我的主网站上,但是我想把它设计成看起来像我的网站等。

现在我已经有了一个非常基本的"联系我们"我要替换它的部分,具有我想要的所有样式,所有设置,所以我有一个想法,我可以在我的页面上嵌入此表单,将其设置为隐藏,只需展开我当前的联系我们表单具有与新表格相同的样式。

从这里开始,我会抓住" firstName"并将其放入iframe" firstName"文本框。

这是一种"解决方法"想法,但我觉得这是最简单的方法,我遇到的问题是javascript不允许我从iframe设置数据,因为它来自不同的来源。当然,这个表格托管在一个完全不同的网站上。

我有什么方法可以做到这一点,或者是我最好的选择,只是通过它来设计风格?

任何帮助/建议都将受到极大的赞赏。

1 个答案:

答案 0 :(得分:2)

假设您无法控制托管表单的网站

你几乎搞砸了。由于同源政策,您不得随意更改iframe中的内容。这是一个巨大的安全问题。例如,您可以嵌入iframe加载Facebook的登录页面,还可以记录用户输入的密码。

You can read more about Same Origin Policy here

如果您确实可以控制Web服务器

然后,最好的办法是使用postMessage()来完成工作。

相关问题