JS 当一个盒子的宽变为另一个盒子宽的100%时跳转页面

你可以使用 JavaScript 监听第一个盒子的宽度变化事件，然后将第二个盒子的宽度设置为第一个盒子宽度的百分比，并在达到所需宽度时跳转页面。

以下是一个示例代码：

<div id="box1"></div>
<div id="box2"></div>

<script>
  var box1 = document.getElementById("box1");
  var box2 = document.getElementById("box2");

  function onResize() {
    var width = box1.offsetWidth;
    box2.style.width = width + "px";

    if (width >= targetWidth) {
      window.location.href = "http://example.com";
    }
  }

  var targetWidth = box1.offsetWidth * 2; // 目标宽度为第一个盒子宽度的2倍
  window.addEventListener("resize", onResize);
</script>

在这个示例中，我们创建了两个 `<div>` 元素，并使用 JavaScript 监听第一个盒子的 `resize` 事件。当第一个盒子的宽度发生变化时，我们获取它的宽度，并将第二个盒子的宽度设置为相同的值。然后，我们检查第一个盒子的宽度是否已达到目标宽度的2倍，如果是，则使用 `window.location.href` 跳转到指定的 URL。

请注意，这个示例只是演示了如何在第一个盒子的宽度变化时触发事件，并将第二个盒子的宽度设置为相同的值。你需要根据实际需求修改代码，以实现你要完成的功能。