Javascript 在不同子域上使用iframe

你好，这有点新鲜

我正在使用一个iframe，它需要在我们网站上的一个页面上显示，问题是我需要这个

除了子域（如site1.cloud.co.uk、site2.cloud.co.uk、site3.cloud.co.uk等）之外，每个站点都是相同的，但品牌除外

我有几个，它们都需要在同一页上显示iframe。我在一个文档中定义了这些，并将它们逐一列出如下：

<iframe id="paylive_frame" src="https://site1.cloud.co.uk/Payments/purchased.php" width="103%" height="1250px"> </iframe>

<iframe id="paylive_frame2" src="https://site2.cloud.co.uk/Payments/purchased.php" width="103%" height="1250px"> </iframe>

执行此操作将显示iFrame，但在每个页面中，iFrame的显示略低。我已经尝试使用一些CSS来解决这个问题，这些CSS允许它们在页面上的正确位置显示，但是在示例中，子域site1上的字段没有响应，并且只在site2上起作用。在调查此问题后，尝试使用“document.domain”方法，但问题相同

希望这是有道理的

---

正如我所说的，这是一个全新的概念，我并不完全确定我在这里做错了什么，所以我们非常感谢您的帮助

对不起，我不太明白你在这里的意思。你能充实一下你的问题，也许再展示一些代码吗？当然，我不太确定我解释得有多好。我有10个子域（都托管在同一台服务器上），每个子域上都有一个站点，每个子域上都有一个支付页面，我需要在iframe中显示相同的支付表单。在上面的代码中，我已经为每个站点列出了每个iframe，但是这会对站点产生影响1表单位于站点页面的顶部2表单从页面的下部开始等。我使用CSS修复了此问题，但是当我这样做时，表单会变得无响应。我觉得这不可能是一个复杂的解决方案，但我不能为我的生活不能找出原因，我认为你需要张贴你用来修复它的CSS。很可能这就是问题的原因。#容器{宽度：2200px；高度：1250px；边距：自动；}#外部{宽度：1306px；高度：1500px；位置：相对；}#内部{位置：绝对；顶部：-1200px；左侧：0px；宽度：600px；高度：1250px}上面是我在最后使用的CSS，当我使用CSS定位iframe时，我用它来定位iframe，但是iframe上的文本字段失去了焦点，因此无法在表单上输入任何细节