gpt4 book ai didi

javascript - 如何在与按钮相同的页面中显示表格?这些表格已经在另一个 html 文件中组成,所以我只是从那里拉出来

转载 作者:太空宇宙 更新时间:2023-11-04 07:03:24 24 4
gpt4 key购买 nike

我有 6 个链接。我希望当我单击旁边显示的表格的链接时。我需要表格显示在与链接相同的页面中而不是替换它。所以我需要隐藏所有表,直到我单击该链接。对于 6 个不同的表,它们每个都有自己的 .html 文件,我从中提取它们。这是我的代码:

function show(nr) {
document.getElementById("table1").style.display = "none";
document.getElementById("table2").style.display = "none";
document.getElementById("table3").style.display = "none";
document.getElementById("table4").style.display = "none";
document.getElementById("table5").style.display = "none";
document.getElementById("table6").style.display = "none";
document.getElementById("table" + nr).style.display = "block";
}
td {
vertical-align: center;
}

#table1,
#table2,
#table3,
#table4,
#table5,
#table6 {
display: none;
}
<h1>BV-Line58 Demi</h1>
<br>

<table>
<tr>
<td>
<a href="bv-line58assets.html" name="table1" onclick='show(1); '>Assets</a>
<br><br>
<a href="bv-line58endpoints.html" name="table2" onclick='show(2);'>Endpoints</a>
<br><br>
<a href="#" name="table3" onclick='show(3);'>IP Search</a>
<br><br>
<a href="#" name="table4" onclick='show(4);'>Non-Malicious Alerts</a>
<br><br>
<a href="bv-line58routes.html" name="table5" onclick='show(5);'>Routes</a>
<br><br>
<a href="#" name="table6" onclick='show(6);'>Suricata Alerts</a>
</td>
<td>
&nbsp;
</td>
<td>

<div id="table1"></div>
<div id="table2"></div>
<div id="table3"></div>
<div id="table4"></div>
<div id="table5"></div>
<div id="table6"></div>
</td>
</tr>
</table>

最佳答案

如果您只需要显示来自给定html 页面的表格,您可以使用iframe。该选项依赖于这样一个事实,即您的页面托管在某个地方,以便您可以链接到它们。

例如:

<iframe width="560" height="315" src="https://www.your-domain.com/bv-line58assets.html" frameborder="0"></iframe>

在您的代码中

<table>
<tr>
<td>
<a href="javascript:void(0)" name="table1" onclick='show(1);>Assets</a>
</td>
<td>
&nbsp;
</td>
<td>
<div id="table1">
<iframe width="560" height="315" src="https://www.your-domain.com/bv-line58assets.html" frameborder="0"></iframe>
</div>
</td>
</tr>
</table>

一旦每个 div 包含其相应的 iframe,您的 show(nr) 函数将显示相关的 div ,因此相关的 iframe(据我所知,它包含表格)。

注意:如果您确实需要访问 iframe 中的数据,这种方法不是很舒服,但为了查看目的应该没问题。有更好的方法来处理这个问题,特别是如果您使用像 Angular 或 React 这样的客户端框架。这应该是一种快速而简单的方法,特别是如果您的表不是此应用程序的一部分(我不确定,因为您没有明确提及)

希望对您有所帮助。

关于javascript - 如何在与按钮相同的页面中显示表格?这些表格已经在另一个 html 文件中组成,所以我只是从那里拉出来,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51826350/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com