Javascript 使用onclick在其他html文件中显示隐藏的div

Javascript 使用onclick在其他html文件中显示隐藏的div,javascript,html,css,onclick,Javascript,Html,Css,Onclick,我使用Javascript和“onclick”来显示大型数据库中隐藏的div,当我使用onclick时,它显示为一个弹出窗口。它可以在同一个html文件中正常工作,但我无法在另一个html文件中打开id。我该怎么做 我使用以下javascript代码(sh=show): 我用以下代码(id=1)调用该项: asdfasdfasdasdfds 我尝试了,但它没有“打开”,或者更确切地说,它没有显示id=0174,只在A目录中打开index.html。单击E/index.html中的某个项目时,如

我使用Javascript和“onclick”来显示大型数据库中隐藏的div,当我使用onclick时,它显示为一个弹出窗口。它可以在同一个html文件中正常工作,但我无法在另一个html文件中打开id。我该怎么做

我使用以下javascript代码(sh=show):

我用以下代码(id=1)调用该项:

asdfasdfasdasdfds
我尝试了
,但它没有“打开”,或者更确切地说,它没有显示id=0174,只在A目录中打开index.html。单击E/index.html中的某个项目时,如何使A/index.html中的id 0174可见

非常感谢

您可以使用CSS伪类来显示或隐藏id指定为url中哈希的元素

例如:

。当目标{
可见性:隐藏;
}
.当目标:目标时显示{
能见度:可见;
}

第一组你好!
第二组你好!
第三组你好!

您可以创建一个js文件并将此脚本嵌入两个html文件中。但这不会在另一个html文件中显示隐藏的div。您能描述一下您的工作流程吗?其他html文件是什么意思?你的意思是像两个打开的选项卡一样,如果你在tab1上更改了一些内容,tab2也应该更改一些内容吗?我在不同的文件夹(目录)中有单独的html文件index.html。文件夹A。。。Z对于字母表中的每个字母,都有一个文件夹,其中包含按字母顺序排列的项目index.html。每个项目都是一个带有id的div。每个index.html文件都有相同的javascript,嵌入是一个选项,但对解决手头的问题没有多大帮助。由于这是一本特殊的百科全书,我必须进行交叉引用。我不能使用它,因为我故意没有使用
display:block
,因为它不适用于残疾人,也不适用于网络的盲人用户。我理解使用
可见性:可见
不会损害可读性。没有理由不使用
可见性
。更新了代码段。谢谢,我试过了,但没有成功。也许我应该提到隐形div是父div的子div。真正的代码看起来是这样的:
EtnaEtna甚至actieve vulkaan在《noordoosten van Sicilië》中,bla bla
我不得不重复主题Etna,以使其在弹出窗口中再次可见,并给出解释。第一个Etna是一长串额外信息的主题。不,我错了,这不是一个孩子,一开始是这样,但我改变了。我不知道你在那里想做什么。为什么在单击
div
和单击
a
时调用
sh()
?另外,如果您正试图在另一个页面中显示id,那么为什么子
div
的id为1?在读取其内容时,我使用第二个onclick关闭弹出窗口。通过点击一长串class=w的主题列表,它被打开,变得可见。你也可以点击另一个主题来关闭这个窗口,但有时弹出窗口会悬停在许多其他主题上,没有其他方法来关闭这个窗口,或者我必须扩展javascript,但因为我不擅长js,所以我使用了这个选项。此外,我发现在弹出窗口的一个角落中不使用闭合x是很好的。希望这是有意义的。
 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'); } }
 <a class=w onclick="sh('1');">asdfasdf asdasdfds</a>