Question

我使用Javascript和＆＃39; onclick＆＃39;在大型数据库中显示隐藏的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' ">，但它没有＆＃34;打开＆＃34;或者更确切地说是显示id = 0174，只在A目录中打开index.html。如果点击E / index.html中的某个项目，如何在A / index.html中显示ID 0174？

非常感谢！

Answer 1

您可以使用:target CSS伪类来显示或隐藏在网址中指定为哈希值的元素。

例如：<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>

用onclick show隐藏div在其他html文件中

1 个答案: