【问题标题】:Display cross domain page inside div, iframe, frame with original height?在具有原始高度的div,iframe,框架内显示跨域页面?
【发布时间】:2012-11-29 00:35:56
【问题描述】:

我创建了一个页面,我在其中显示网站页面(位于网络上的某个位置);

我使用 iframe,但对高度问题感到困惑,我仅使用 css3 解决了 950px 的宽度问题,但我需要 作为目标网站的全高,但事实并非如此使用跨域页面(我已经成功完成了同一个域)。

现在我想使用 PHP 使用 get_file_content() 或其他方式将其放入 div 、 iframeframes 任何有效的方法(并且页面必须可以访问,因为它来自主要网站)

容器将通过单击超链接更改其内容。

请帮我解决问题。 我尝试了更多方法,包括 jqueryjsphpcss 和 blah blah blah,但均未成功.

评论或回复前请访问THIS LINK

我需要一些类似 this

请检查并在此处更改 To See My page Click here

注意:

  1. 我无法访问目标站点,因此无法将属性放在目标上 页面并返回 iframe 页面。

  2. 我有 100 多页要显示所以没有 可以使用特定的方法,我需要任何通用技术。

  3. 还有一件事我不想在我的页面中滚动。

所做的努力:

Ajax/Jquery

PHP Resize

【问题讨论】:

  • 你需要观看这个关于无缝 iframe 的演讲:youtube.com/watch?v=gQCm8VYn93Y 它解释了很多解决方法,以使 iframe 中的内容与父页面很好地配合。

标签: php css iframe cross-domain


【解决方案1】:

在“iframe'd”html 中,有:

<body onload="parent.resize_iframe(document.body.scrollHeight)">

在 iframe 的页面中:

<script type="text/javascript">
    function resize_iframe(new_height) {
        document.getElementById('iframed').style.height =   parseInt(new_height, 10) + 60 + 'px';
    }
</script>

我使用 60px 来修复潜在的填充等。

请注意,它们必须在同一个域下才能工作,否则您可能必须运行:

<script type="text/javascript">
    document.domain =   "domain.com";
</script>

在其中一个或两个上。这是必需的,以便浏览器可以在它们之间进行交互。

【讨论】:

  • 我认为它不适用于跨浏览器域,您检查了吗
  • 也为此添加了文本。
  • 我在问题中写的一件事是我无权访问目标页面,我可以添加或更改页面内容。
  • 也许您可以将自己的页面更改为 iframe 的域?
  • document.domain = "domain.com";不工作给出错误
【解决方案2】:

做这样的事情:

<frameset rows="*">
    <frame frameborder=0 src="http://www.discountautoparts.com/" scrolling="auto" noresize>
</frameset>

如果你这样做,它应该看起来像这样picture

【讨论】:

  • 它甚至没有做任何事情,页面是空白的
猜你喜欢
  • 1970-01-01
  • 2020-12-30
  • 1970-01-01
  • 2014-08-02
  • 1970-01-01
  • 1970-01-01
  • 2013-10-09
  • 2014-04-09
  • 1970-01-01
相关资源
最近更新 更多