嵌入网站的一部分

发布于 2024-11-29 05:45:07 字数 1429 浏览 0 评论 0原文

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

扫码二维码加入Web技术交流群

发布评论

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

评论(3

一笑百媚生 2024-12-06 05:45:07

如果您确实知道表格所在 div 的 id,则可以执行类似

HTML

<div id="PlaceToPutTable"></div>
<iframe id="iframe" src="urlofpagewithtableonit.html" style="display:hidden;"></iframe>

JavaScript 的操作

var iframe = document.getElementById("iframe");
var div = document.getElementById("PlaceToPutTable");
div.innerHTML = iframe.contentWindow.document.getElementById("KnowDivName").innerHTML;

If you do know the id of the div the table is in you can do something like this

HTML

<div id="PlaceToPutTable"></div>
<iframe id="iframe" src="urlofpagewithtableonit.html" style="display:hidden;"></iframe>

JavaScript

var iframe = document.getElementById("iframe");
var div = document.getElementById("PlaceToPutTable");
div.innerHTML = iframe.contentWindow.document.getElementById("KnowDivName").innerHTML;
无法言说的痛 2024-12-06 05:45:07

您可以将从某个 id 开始的外部网站部分放入 iframe 中,例如 this。或者您可以将 iframe 放入 div 中,例如 this

You can put the part of an external website starting at some id into an iframe, like this. Or you can put an iframe into a div like this.

吹泡泡o 2024-12-06 05:45:07

您可以像这样复制粘贴 html 代码

<iframe width="500" height="300" style="border:none;" src="https://www.rowshare.com/embed/5ff17f44bcb240e0be061e26c0aca207"></iframe>

在网站中嵌入表格时,自动更新可能是一个挑战。我想提出一个名为 RowShare 的替代工具,它允许自动更新。我在我写的一篇文章中解释了这一点。请随意查看:https://www.rowshare.com/blog/en/2017/10/10/How-to-Embed-Tables-in-Your-Website

You can copy paste html code like this

<iframe width="500" height="300" style="border:none;" src="https://www.rowshare.com/embed/5ff17f44bcb240e0be061e26c0aca207"></iframe>

When embedding a table in a website, automatic update can be a challenge. I'd like to propose an alternative tool called RowShare, that allows an automatic update. I explained about this in an article that I wrote. Please feel free to take a look at it: https://www.rowshare.com/blog/en/2017/10/10/How-to-Embed-Tables-in-Your-Website

Astaeka

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文