【问题标题】:Placing a web application in a web page without using an iFrame?在不使用 iFrame 的情况下将 Web 应用程序放置在网页中?
【发布时间】:2011-05-22 17:34:46
【问题描述】:

我有一个网站,我需要在其中一个页面中放置一个 Web 应用程序。 Web 应用程序显然有很多页面,并且它们的高度各不相同。我正在考虑将它放在 iFrame 中。但是,对于 iFrame,我遇到了自动高度问题。由于链接在 iFrame 本身内发生变化,因此更难以调整其高度,因为只有 iFrame 本身内部的内容会发生变化,而不是实际页面本身(即 URL)。

有没有更聪明、更简洁的方法可以在不使用 iFrame 的情况下实现它。

我也尝试使用 ssi 包含,但由于某种原因,它们在其他任何地方都可以使用,但是当我将应用程序放在包含中时,它就不起作用了。

非常感谢

【问题讨论】:

  • iframe 内的滚动条是否可以接受?除了 iframe,您还可以考虑将 HTML 插入 DOM。网页和 webapp 是否来自同一个域?
  • 我尝试使用包含将 HTML 插入 DOM,但由于某种原因它无法正常工作。问题是,我没有设计网站,它使用 jQuery 来允许内容滑动,我认为这就是包含不起作用的原因。是的,它们都来自同一个域,并且不能滚动,这太容易了:)
  • 任何你不能做的理由:parent.document.getElementById('the-if​​rame-id').height = document['body'].offsetHeight;

标签: web-applications iframe


【解决方案1】:

把这个放在 iframe 的 onLoad 中:

parent.document.getElementById('the-iframe-id').height = document['body'].offsetHeight;

【讨论】:

  • 这适用于所有浏览器!谢谢!但是,外部设计的实施很差,并且有各种元素也需要改变它们的高度才能产生 iframe 高度。这可能是因为它具有在框架之间滚动的 jQuery 功能......现在,我要么修复此设计,要么更改页面加载时的所有元素高度,而不仅仅是 iframe 高度。无论如何,谢谢!
猜你喜欢
  • 2018-03-21
  • 1970-01-01
  • 2016-08-27
  • 2023-03-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-06-01
  • 2019-01-07
相关资源
最近更新 更多