0

这是我的 loop.html 文件的完整代码。它首先从位于同一目录中的单独 XML 文件中提取 url 列表，然后在指定时间循环遍历它们。时间元素是它将等待直到循环到下一页的量。我想要做的是使用 DIV 循环浏览 URL，因为所有浏览器都不支持 iframe，并且在我运行 html 脚本时不显示某些内容。我不确定如何处理“dashboard.url”——当我想使用 div 时？

我从另一个站点找到了这段代码——当你替换 frams['theDisplay'] 行时，它会将 div 设置为网页——但我想要这样的东西，使用 dashboard.url

$("#siteloader").html('<object data="http://latimes.com" />');

如果这是一个很长的问题，并且您感到沮丧，我很抱歉。我只是想边走边学。谢谢！

list.xml 格式示例：

<list>
<url>
<link>http:latimes.com</link>
<time>2</time>
</url>
<url>
<link>http:stackoverflow.com</link>
<time>4</time>
</url>
</list>

整个 HTML 代码：

<!DOCTYPE HTML>
<!--Created by Megan Chiu  - 30 June 2013-->
<html>

<!-- CSS -->
<style type="text/css">
displayArea {
    margin: 0;
    width: 100%;
}

html, body {
    height: 100%
    width: 100%;
}

div {
    height: 100%;
    width: 100%
}

object {
    width: 100%;
    min-height: 100%;
}       
</style>  

<head>
    <meta charset="UTF-8">
    <style type="text/css">
    body, html { margin: 0; padding: 0; width: 100%; height: 100%;
                 overflow: hidden; }
    iframe { border: none; }

</style>

<script src="http://code.jquery.com/jquery-1.10.1.min.js"
    type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script type="text/javascript">

    var Dash = {
        nextIndex: 0,
        dashboards: [],

        loadXML: function() {
            $.ajax( {
                type: "GET",
                url: "list.xml", 
                dataType: "xml",
                success: Dash.renderXML
            });
        },

        renderXML: function(xml) {

            $(xml).find("url").each(function() {
                var _link = $(this).find('link').text();
                var _time  = $(this).find('time').text();
                Dash.dashboards.push({url:_link, time:_time});
            }); 

            Dash.display();

            },

        display: function()
        {
            var dashboard = Dash.dashboards[Dash.nextIndex];    
            frames['theDisplay'].location.href = dashboard.url;
            Dash.nextIndex = (Dash.nextIndex + 1) % Dash.dashboards.length;
            setTimeout(Dash.display, dashboard.time * 1000);
        }    
    };
    window.onload = Dash.loadXML;
</script>
</head>
<body>
</body>
<iframe id="theDisplay" width="100%" height="100%"></iframe>
</html>
4

2 回答 2

0 
  <div id="content1"></div>
<script>
document.getElementById("content1").innerHTML='<object type="text/html" data="header.php" ></object>';
alert('Load_Ok');
</script>
于 2021-03-28T18:54:49.463 回答
-2

您不能仅使用纯 JavaScript 从其他网站加载内容。时期。

http://en.wikipedia.org/wiki/Same_origin_policy

那你能做什么？您可以从您的服务器发出 Web 请求并从远程服务器获取 Http 响应并将它们放入 div 元素中。

<div><%=(new WebClient()).DownloadString("http://www.stackoverflow.com")%></div>

但是最大的问题之一是，由于您将从远程网站下载所有样式和脚本，因此您的页面可能看起来不太好。甚至不是人类可读的。如果您继续从相同的 IP 访问这些服务器，您可能会被它们阻止。

祝你好运。

于 2013-07-23T16:57:02.293 回答