0

我有一个简单的网站，只有几个页面，包括“库存商”和“联系人”。我认为通过将这些设置为在主页加载时隐藏的 div 并在单击相应的菜单项时显示出来，使用 'onclick="showStockists()" 运行一个基本上只是更改 div 的函数，我认为我很棘手' 不透明度和 z-index。

这一切都有效，看起来很棒，但是当我意识到我不认为我可以从外部链接到这些“状态”时，我有点失败了，即：向某人发送指向库存商页面的链接。有没有办法让链接（例如 mysite.com/stockists）在页面加载时以某种方式运行“showStockists()”函数？还是我在做梦并且以一种非常复杂的方式做到了这一点。

如果有帮助，这就是我拥有它的方式（事实上，该功能还重新隐藏了侧边菜单，该菜单本身在页面加载时隐藏并由汉堡包显示，如果可见，则隐藏联系人“页面”） ：

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;
}
4

1 回答 1

0

您可以使用查询字符串执行此操作：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, " "));
}
于 2017-09-19T03:12:41.197 回答