Question

我一直在搜索这个主题已经有好几天了。并且找不到工作或决定性的答案。

我想要做的是简单地在我网站首页的div容器中显示最新博客条目（来自我自己网站上的博客页面）的（样式）摘要（这不是我的博客）。该镜像博客条目的所有活动链接最理想地指向我博客页面的相应部分。但这不是必须的，只要整个条目可以链接到博客页面。

博客摘要页面上的每个博客条目摘要都有一个唯一的ID，按数字排序（例如unique-ID-51（最新）unique-ID-50（前一个）等。）我想用document.getElementById JS命令这样做。

我必须将JS函数指向相对位置（../blog_folder/blog_summary.html），可能是.window.location.assign 命令，而不是抓住最新元素的（样式）内容并在我的首页上显示。

但是我不知道代码在现实中会是怎样的。你能指出我正确的方向吗？

谢谢!!!!!!!

微米。

Answer 1

您可以在页面中添加jQuery并使用简单的构造：

$('.result-container').load('path/to/your/file.html #id_of_element_to_fetch');

一段代码示例：

...
<body>
  <div class="result-container">There will be your content from some file.</div>
  <p>
    <a class="result-loader" href="#"></a>
    <script type="text/javascript">
        $(".result-loader").click(function() {
             //Replace path/to/your/file.html and #id_of_element_to_fetch with appropriate values
             $('.result-container').load('path/to/your/file.html #id_of_element_to_fetch');
             return false;
        });
    </script>
  </p>
</body>
...

该字符串在<head>标记内的某处：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>

具有自动启动功能的示例代码块：

...
<body>
  <div class="result-container">There will be your content from some file.</div>
  <p>
    <a class="result-loader" href="#"></a>
    <script type="text/javascript">
        $(document).ready(function() { //Launches the code below right after the initialization event
             //Replace path/to/your/file.html and #id_of_element_to_fetch with appropriate values
             $('.result-container').load('path/to/your/file.html #id_of_element_to_fetch');
             return false;
        });
    </script>
  </p>
</body>
...

Answer 2

我假设您使用的是隐藏的iframe？

例如，这将是风格的高度..风格中还有其他东西

    this.container.getElementsByTagName("YOUuniqueID")[0].style.(STYLE)

但您必须在iframe中添加唯一ID

尝试使用IE或Chrome中的内置调试程序来查找您想要的内容...

你可以看看这个可能更多的信息（它的跨域），但可能有一些东西可以帮助你。您甚至可以考虑使用jquery来访问该数据。

Yet Another cross-domain iframe resize Q&A

使用.document.getElementById显示我网站上其他页面的元素

2 个答案: