我有一个简短的问题。我想创建一个小的调度程序小部件以放在我的客户网站上。因此,如果我需要对表单进行全局更改,我只需要做一次。
表单必须是网站唯一的,因为我需要知道在提交表单后将表单发送到哪个电子邮件地址。
我在想一个可以像这样使用的 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 的优缺点是什么?
只是想知道最好的选择是什么,是否有人有一些关于如何开始的提示以及我需要注意的任何安全问题。
谢谢!
最佳答案
安<iframe>
- 无法在不进行额外工作的情况下将其大小传达给父窗口,这会限制调整大小。
- 提供更好的隔离,因为您无法访问父页面上的任何内容。从客户的 Angular 来看,这可能是一个优势。
- 可以用纯 HTML 编写,不需要 Javascript 经验。
- 有自己独立的CSS样式。
- 适用于禁用脚本的用户。
脚本
- 允许您完全访问父页面
- 会减慢页面加载速度,因为浏览器会在呈现页面的其余部分之前加载您的脚本。 (至少正如您在那里展示的那样,有一些解决方法。)
- 显然需要一些 Javascript 经验。
- 必须与父页面共享样式。如果您的客户的页面使用范围广泛的样式规则,例如
*
的规则,这可能会导致兼容性问题。或div
.
关于Javascript 小部件与 iFrame?安全问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7982738/