指向'page'的外部链接，该实际上是在单击时可见的div

Question

我有一个简单的网站，只有几页，包括'股票者'＆amp;'接触'。我以为我是通过将它们作为divs作为div进行棘手的，这些div是在主页加载时隐藏的，并且在单击相应的菜单项时会显示出''不透明＆amp;z索引。

这一切都起作用＆amp;看起来很棒，但是当我意识到我认为我不能在外部链接到这些"状态"时，它会陷入困境，即：向某人发送链接到库存者页面。有没有办法拥有一个链接，例如mysite.com/stockists，以某种方式在页面加载上会运行" ShowStockists（）"功能？或者我在做梦＆amp;

以非常令人费解的方式做到了这一点。

如果它有帮助，这几乎是我的使用方式（正如它是，该功能还重新隐藏了侧面菜单，该菜单本身隐藏在汉堡包上的页面load＆amp; amp; amp; amp; amp;如果可见）：

html：

<div class="menuItem" onclick="showStockists(); closeNav();">STOCKISTS</div>

JS：

function showStockists() {
sideMenu.style.visibility = "hidden";
stockists.style.opacity=1;
stockists.style.zIndex=2;
contact.style.opacity=0;
}

Answer 1

您可以使用查询字符串：mysite.com/?stockists=1

进行此操作。

$( document ).ready(function() {
    var stockists = getParameterByName('stockists');
    if(stockists==1)
       showStockists();
});
function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[[]]/g, "\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/+/g, " "));
}