Bootstrap onClick change选项卡并同时指向一个新窗口

Bootstrap是一个流行的前端开发框架，它提供了丰富的组件和样式，可以帮助开发人员快速构建响应式网页。onClick是一个JavaScript事件，用于在用户点击某个元素时触发相应的操作。change选项卡是Bootstrap中的一个组件，用于创建多个选项卡，并在切换选项卡时显示不同的内容。

要实现在点击change选项卡时同时指向一个新窗口，可以使用以下代码：

<!DOCTYPE html>
<html>
<head>
  <title>Bootstrap onClick change选项卡</title>
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
  <ul class="nav nav-tabs">
    <li class="nav-item">
      <a class="nav-link active" data-toggle="tab" href="#tab1" target="_blank">选项卡1</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" data-toggle="tab" href="#tab2" target="_blank">选项卡2</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" data-toggle="tab" href="#tab3" target="_blank">选项卡3</a>
    </li>
  </ul>

  <div class="tab-content">
    <div id="tab1" class="tab-pane fade show active">
      <h3>选项卡1内容</h3>
      <p>这是选项卡1的内容。</p>
    </div>
    <div id="tab2" class="tab-pane fade">
      <h3>选项卡2内容</h3>
      <p>这是选项卡2的内容。</p>
    </div>
    <div id="tab3" class="tab-pane fade">
      <h3>选项卡3内容</h3>
      <p>这是选项卡3的内容。</p>
    </div>
  </div>
</body>
</html>

在上述代码中，我们使用了Bootstrap的nav和tab组件来创建选项卡。每个选项卡都是一个<a>标签，通过设置data-toggle="tab"属性和href属性来实现切换选项卡的功能。同时，我们在<a>标签中添加了target="_blank"属性，使得点击选项卡时在新窗口中打开对应的内容。

这是一个简单的示例，你可以根据自己的需求进行修改和扩展。如果你想了解更多关于Bootstrap的信息，可以访问腾讯云的Bootstrap产品介绍页面。