如何链接到通过选项卡面板访问的页面？

<ul class="tabs">
  <li id="tab1">Tab 1</li>
  <li id="tab2">Tab 2</li>
  <li id="tab3">Tab 3</li>
</ul>

<div class="tab-content">
  <div id="content1">Content for Tab 1</div>
  <div id="content2">Content for Tab 2</div>
  <div id="content3">Content for Tab 3</div>
</div>

.tab-content div:not(:first-child) {
  display: none;
}

document.querySelectorAll('.tabs li').forEach(tab => {
  tab.addEventListener('click', () => {
    const targetId = tab.id.replace('tab', 'content');
    document.querySelectorAll('.tab-content div').forEach(content => {
      content.style.display = (content.id === targetId) ? 'block' : 'none';
    });
  });
});