在其他html文件中使用OnClick Show hidden div-英雄云拓展知识分享

匿名投稿 385 2024-01-22

我使用JavaScript和“ OnClick”在大型数据库中显示隐藏的DIV，当我使用OnClick作为弹出窗口时。它在同一HTML文件中正常工作，但是我没法在另外一个HTML文件中取得ID OPENEND。我怎样才能做到这一点？

我使用此JavaScript代码（sh = show）：

 var divState = {}; function sh(id) {if (document.getElementById) {
var divid = document.getElementById(id);
divState[id] = (divState[id]) ? false : true;
//close others
for (var div in divState){
if (divState[div] && div != id){
document.getElementById(div).style.visibility = 'hidden';
divState[div] = false;
}
}
divid.style.visibility = (divid.style.visibility == 'visible' ? 'hidden' : 'visible'); } }

我用此代码调用该项目（ID = 1）：

 <a class=w onclick="sh('1');">asdfasdf asdasdfds</a>

我试过了 <a onclick="window.location.href='../A/index.html?id=0174' "> 但是它不会“打开”或显示ID = 0174，仅在A-directory中打开index.html。在单击e/index.html中单击某些项目时，如何在A/index.html中制作ID 0174？

非常感谢！

看答案

您可使用 :target CSS伪级以显示或隐藏元素，其中指定为URL中的哈希。

例如： <a href="../A/index.html#0174">Link to div #0174 on other page</a>

.show-when-target {visibility: hidden;
}
.show-when-target:target {
visibility: visible;}

<div id="1" class="show-when-target">Hello from div 1!
</div>
<div id="2" class="show-when-target">
Hello from div 2!
</div>
<div id="3" class="show-when-target">
Hello from div 3!
</div>
<a href="#1">Show Div 1</a>
<a href="#2">Show Div 2</a><a href="#3">Show Div 3</a>

🚀🌟 点击注册免费试用超级应用平台-英雄云企业级hpapaas 🌟🚀 😃👉🌐

免责声明：

本网址（www.yingxiongyun.com）发布的材料主要源于独立创作和网友匿名投稿。此处提供的所有信息仅供参考之用。我们致力于提供准确且可信的信息，但不对材料的完整性或真实性作出任何保证。用户应自行验证相关信息的正确性，并对其决策承担全部责任。对于由于信息的错误、不准确或遗漏所造成的任何损失，本网址不承担任何法律责任。本网站所展示的所有内容，如文字、图像、标志、音频、视频、软件和程序等的版权均属于原创作者。如果任何组织或个人认为网站内容可能侵犯其知识产权，或包含不准确之处，请即刻联系我们进行相应处理。