Javascript Widget与iFrame相关吗？安全问题？

Question

我有一个快速的问题.我想创建一个小的Scheduler小部件来放在我的客户网站上.因此,如果我需要对表单进行全局更改,我只需要执行一次.

该表单必须是网站所特有的,因为我需要知道将表单发送到哪个电子邮件地址.

我在考虑一个我可以这样使用的iFrame:

<iframe src="http://www.domain.com/scheduler/shop-name/"></iframe>

但我认为这不是最好的方法,我不希望有人直接访问该URL.

另一种选择是这样的:

<script type="text/javascript">
shop_id = '114000300';
</script>
<script src="http://www.domain.com/js.widget" type="text/javascript"></script>

我不太确定如何执行该选项,我不是那些经验丰富的Javascript但你们怎么想？iFrame与Javascript的优点和缺点是什么？

只是想知道什么是最好的选择,如果有人有关于如何入门的一些提示以及我需要注意的任何安全问题.

谢谢!

Answer 1

一个 <iframe>

• 如果没有额外的工作,无法将其大小传递给父窗口,这限制了调整大小.
• 提供更好的隔离,因为您无法访问父页面上的任何内容.从客户的角度来看,这可能是一个加分.
• 可以用纯HTML编写,不一定需要Javascript经验.
• 有自己独立的CSS样式.
• 适用于禁用脚本的用户.

一个脚本

• 允许您完全访问父页面
• 将减慢页面加载,因为浏览器将在呈现页面的其余部分之前加载脚本.(至少你已经在那里展示过,有办法解决这个问题.)
• 显然需要一些Javascript经验.
• 必须与父页面共享样式.如果您的客户端页面使用广泛的样式规则,例如*或的规则,这可能会导致兼容性问题div.