如何根据选定列表选项在页面加载时显示默认选项卡(div

<div id="tabs">
  <ul>
    <li><a href="#tab1">选项卡1</a></li>
    <li><a href="#tab2">选项卡2</a></li>
    <li><a href="#tab3">选项卡3</a></li>
  </ul>
  <div id="tab1">选项卡1的内容</div>
  <div id="tab2">选项卡2的内容</div>
  <div id="tab3">选项卡3的内容</div>
</div>

#tabs ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#tabs ul li {
  display: inline;
}

#tabs div {
  display: none;
}

window.onload = function() {
  var tabs = document.getElementById('tabs');
  var tabLinks = tabs.getElementsByTagName('a');
  var tabContents = tabs.getElementsByTagName('div');

  // 默认显示第一个选项卡
  showTab(0);

  // 绑定点击事件，切换选项卡
  for (var i = 0; i < tabLinks.length; i++) {
    tabLinks[i].onclick = function() {
      var selectedTab = this.getAttribute('href').substring(1);
      showTab(selectedTab);
      return false;
    };
  }

  function showTab(selectedTab) {
    for (var i = 0; i < tabContents.length; i++) {
      if (tabContents[i].getAttribute('id') == selectedTab) {
        tabContents[i].style.display = 'block';
      } else {
        tabContents[i].style.display = 'none';
      }
    }
  }
};