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

发布于 2024-11-07 08:55:24 字数 556 浏览 2 评论 0原文

我已经搜索这个主题好几天了。并且找不到可行或结论性的答案。

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

博客摘要页面上的每个博客条目摘要都有一个唯一的 ID，按数字排序（例如 unique-ID-51（最新）unique-ID-50（之前的 ID）） ETC。）我正在考虑使用 document.getElementById JS 命令来执行此操作。

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

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

谢谢！！！！！！！

M。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

老街孤人 2024-11-14 08:55:24

您可以将 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>
...

以及标记内某处的字符串：

<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>
...

You could add jQuery to your page and use a simple construction:

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

An example chunk of code:

...
<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>
...

And that string somewhere inside the <head> tag:

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

An example chunk of code with an autostart feature:

...
<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>
...

回复收藏 0 原文

茶色山野 2024-11-14 08:55:24

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

例如，这将改变样式的高度..样式中还有其他内容

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

但是您必须在 iframe 中放置一个唯一的 ID

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

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

另一个跨域 iframe 调整大小的问答

I assume you are using a hidden iframe?

This for example will thet the height of the style.. there are other things in the style

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

But you have to put an unique ID in the iframe

Try and use the built in debuggers in IE or Chrome to find what you want...

You can take a look at this for maybe some more info(its for cross domain) but there could be something taht helps you. You might even consider using jquery to access that data.

Yet Another cross-domain iframe resize Q&A

回复收藏 0 原文

~没有更多了~