如何限制對網頁

Question

DIV＃標籤ctrl

DIV＃1頁下表的初始負荷不同標籤的數據顯示TAB1數據

DIV＃2頁下表顯示TAB2數據

Answer 1

假設頁面內容位於選項卡元素內，可以將選項卡設置爲默認情況下不顯示任何內容，並且初始頁面加載會將默認選項卡設置爲顯示區塊。我創建了一個快速的小提琴證明：

https://jsfiddle.net/mnL97xtd/

<div id="tabCtrl"> <a href="#" onclick="activateTab('page1')">Tab 1</a> 
<a href="#" onclick="activateTab('page2')">Tab 2</a> 

<div id="page1" class="tab" style="display:none">Tab 1 Content</div> 
<div id="page2" class="tab" style="display:none">Tab 2 Content</div> 
</div> 
<script> 
    activateTab("page1"); 
</script> 



//inside a JS file 
var activateTab = function (tab) { 
var tabs = document.getElementsByClassName("tab"); 

for (var i = 0; i < tabs.length; i++) { 
    tabs[i].style.display = (tabs[i].id === tab ? "block" : "none"); 
    } 
}