Javascript 如何创建指向隐藏div的链接?

Javascript 如何创建指向隐藏div的链接?,javascript,html,hyperlink,Javascript,Html,Hyperlink,我有一个包含div的html文件。默认情况下,所有div都是隐藏的,并且每个div都有一个关联的按钮,用于取消隐藏它们 如何在另一个站点上创建指向某个div的外部链接,并加载给定div可见的页面? 可以工作,但div是隐藏的 <script type="text/javascript"> $(document).ready(function(){ $("#div1").hide(); $("#div2").hide(); $("

我有一个包含div的html文件。默认情况下,所有div都是隐藏的,并且每个div都有一个关联的按钮,用于取消隐藏它们

如何在另一个站点上创建指向某个div的外部链接,并加载给定div可见的页面? 可以工作,但div是隐藏的

<script type="text/javascript">
    $(document).ready(function(){
        $("#div1").hide();
        $("#div2").hide();
        $("#div3").hide();

        $("#btn1").click(function(){
            $("#div1").show();
            $("#div2").hide();
            $("#div3").hide();
  });

  $("#btn2").click(function(){
            $("#div1").hide();
            $("#div2").show();
            $("#div3").hide();      
  });   

  $("#btn3").click(function(){
            $("#div1").hide();
            $("#div2").hide();
            $("#div3").show();
  });

});</script>

首先,从url获取正确的变量,例如,div1:

function getParameterByName(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
    results = regex.exec(location.search);
return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
然后,创建一个jQuery函数,该函数将检查url字符串并生成url中引用的div

var divId = getParameterByName('div');

$("#div"+divId).show();
就这样


注意:您的url应如下所示:

您是在询问如何在链接打开时显示div吗?@LorenzoMarcon我是在询问如何显示链接包含的div。在url中添加一些内容,指示您希望显示的div,http://example.com/page.html?show_div=1,然后使用javascript在页面上显示相应的div,它们是可见性:隐藏还是显示:无?如果是后者,那么只需从URL和$中获取哈希值。使用其ID显示div代码在哪里?