JavaScript根据访问链接不同的后缀参数，展示不同的页面

要求：根据访问者访问不同的后缀链接，展示不同的页面；

html：

　　 <div class="tab-content" id="assist">

        <h1>比分计算器</h1>
        <div class="item-list">
          <!-- 动态生成的项目列表 -->
        </div>    
      </div>

      <div class="tab-content" id="model">
        <h1>比分AI模型</h1>
        <div class="item-list">
          <!-- 动态生成的项目列表 -->
        </div>
      </div>


    <!-- 底部导航 -->
    <div class="bottom-nav">
      <div class="nav-item" data-tab="assist">
        <img src="static/tab_jisuqnqi_n.png" class="nav-icon" alt="辅助">
        <span>计算器</span>
      </div>

      <div class="nav-item" data-tab="model">
        <img src="static/icon_ai_n.png" class="nav-icon" alt="模型">
        <span>AI模型</span>
      </div>

    </div>

javascript：

$(document).ready(function () {

  // 获取 URL 参数
  const urlParams = new URLSearchParams(window.location.search);
  const page = urlParams.get('page') || 'model'; 

  // 默认显示第一个导航项（比分）的内容和图标
  $('.tab-content#' + page).addClass('active');
  $('.nav-item[data-tab="'+page+'"]').addClass('active');
  $('.nav-item[data-tab="'+page+'"] .nav-icon').attr('src', 'static/icon_ai_s.png');

})

效果实例1：带参数 assist；

 效果实例2：带参数 model；