外部鏈接到一個'頁面'，實際上是一個div可見onclick

Question

我有一個簡單的網站只有幾頁，包括'存貨'&'聯繫人'。我認爲通過使這些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; 
} 

Answer 1

爲此，您可以用品質uery字符串：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, " ")); 
}