使用连续网页

Question

我有一个网站，其中的图像在一段时间后不断变化。但我想放置的不是图像，而是将不断更改和刷新的网站页面以获取最新数据。

代码：

<div class="bannerbg">
        <div class="container clearfix">
                <div class="flexslider" >
                <ul class="slides">
                    <li>
                        <img src="images/fslide01.jpg" alt="" />
                        <p class="flex-caption">I am Caption!</p>
                    </li>
                    <li>
                        <a href="#"><img src="images/fslide02.jpg" alt="" /></a>
                    </li>
                    <li>
                        <img src="images/fslide03.jpg" alt="" />
                        <p class="flex-caption">I am Caption!</p>
                    </li>
                    <li>
                        <img src="images/fslide04.jpg" alt="" />
                    </li>

                    <li>
                        <img src="images/fslide05.jpg" alt="" />
                    </li>

                    <li>
                        <img src="images/fslide06.jpg" alt="" />
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- /Slider -->

---

而不是这些图片 fslide01/02/03/04/05/06.jpg 我想使用像 www.yahoo.com/www.facebook.com/www.google.com/etc 这样的网页，我也应该刷新获取最新视图。

Answer 1

您可以使用iframes，但有些网站（例如 Google）不允许在 iframe 中显示他们的网站。我想其他受欢迎的网站也会这样做。

<li>
    <iframe src="somesite.com/index.html"></iframe>
    <p class="flex-caption">I am Caption!</p>
</li>

MDN 链接：https://developer.mozilla.org/en-US/docs/HTML/Element/iframe