我們可以通過URL來控制網頁嗎？

我想在不同的網址顯示/隱藏div。 Div的顯示/隱藏基於URL。我們可以通過URL來控制網頁嗎？

<div class="top">Top</div> 
<div class="bottom">Bottom</div>

如果www.alldiv.com這兩個div應該是可見的，否則如果www.bottdiv.com「top div」應該隱藏。

任何人都可以請指教？

來源

2012-12-17 Mubeen

獲取URL：http://css-tricks.com/snippets/javascript/get-url-and-url-parts-in-javascript/ 隱藏元素：http://api.jquery.com/hide/ –

這是什麼後端？它是一個Java Web應用程序，PHP等？ – cowls

頁面是否一樣？或者你有不同的網頁單獨的網頁？ –

使用hostname你可以做

jQuery的

$(function() { 
    var host = location.hostname; 
    $(".top").toggle(host.indexOf("alldiv")!=-1); // only show on alldiv 
});

平原JS

window.onload=function() { 
    var host = location.hostname; 
    var topDiv = document.getElementsByClassName("top"); 
    topDiv.style.display=host.indexOf("alldiv")!=-1)?"block":"none"; 
}

這麼說，你真的不應該甚至將其發送給客戶端，如果你想隱藏它，除非你想稍後可能顯示它

來源

2012-12-17 15:13:14 mplungjan

在jQuery中，你忘記了右括號。 –

@PatrickRoberts：我前一陣子修好了，謝謝 – mplungjan

$(function() { 
    if(location.hostname == "www.alldiv.com") return; 
    else if(location.hostname == "www.bottdiv.com") $(".top").hide(); 
})

只要你先導入jQuery，就應該這樣做。

來源

2012-12-17 15:16:30

我們可以通過URL來控制網頁嗎？

回答

相關問題