window.onbeforeunload = function() { return null;}; 还是有弹窗

是的，有些浏览器可能会忽略返回值为 null 的情况，仍然弹出默认的提示框。如果你想彻底禁止默认的提示框出现，可以将事件处理函数返回一个空字符串。例如：

window.onbeforeunload = function() {
  return '';
};

这样就可以完全禁止默认的提示框出现了。需要注意的是，如果你采用这种方式禁止了默认的提示框，可能会对用户体验造成一定的影响，因为用户无法获知页面是否已经保存或者提交数据。因此，你可以在页面中增加一些提示，告知用户需要保存数据或者执行其他操作，以免用户意外关闭页面造成数据丢失。

相关问题

<h1>用户顾客列表</h1> <div > <p>姓名</p> <input type="text" id="name" /> <p>职业</p> <input type="text" id="career" /> <p>电话</p> <input type="text" id="phone" /> <script type="text/javascript"> var myname = document.getElementById("name"); var str = localStorage.getItem("inputText"); if (str) { myname.value = str; } window.onbeforeunload = function () { localStorage.setItem("inputText",myname.value); } </script> <script type="text/javascript"> var mycareer = document.getElementById("career"); var str = localStorage.getItem("inputText"); if (str) { mycareer.value = str; } window.onbeforeunload = function () { localStorage.setItem("inputText",mycareer.value); } </script> <script type="text/javascript"> var myphone = document.getElementById("phone"); var str = localStorage.getItem("inputText"); if (str) { myphone.value = str; } window.onbeforeunload = function () { localStorage.setItem("inputText",myphone.value); } </script> </div> <button onclick="location.href='edit.jsp' ">保存</button>如何让第一页每个输入框的的内容都依次出现在第二页的输入框里

您可以在第一页的保存按钮点击事件中，将输入框的内容存储到localStorage中，然后在第二页的输入框中读取localStorage的值。具体实现如下：

第一页代码：

<h1>用户顾客列表</h1>
<div>
  <p>姓名</p>
  <input type="text" id="name" />
  <p>职业</p>
  <input type="text" id="career" />
  <p>电话</p>
  <input type="text" id="phone" />
  <button onclick="saveData()">保存</button>
</div>

<script>
  function saveData() {
    var name = document.getElementById("name").value;
    var career = document.getElementById("career").value;
    var phone = document.getElementById("phone").value;
    localStorage.setItem("name", name);
    localStorage.setItem("career", career);
    localStorage.setItem("phone", phone);
    location.href = "edit.jsp";
  }
</script>

第二页代码：

<h1>用户顾客列表</h1>
<div>
  <p>姓名</p>
  <input type="text" id="name" />
  <p>职业</p>
  <input type="text" id="career" />
  <p>电话</p>
  <input type="text" id="phone" />
</div>

<script>
  var nameInput = document.getElementById("name");
  var careerInput = document.getElementById("career");
  var phoneInput = document.getElementById("phone");

  nameInput.value = localStorage.getItem("name");
  careerInput.value = localStorage.getItem("career");
  phoneInput.value = localStorage.getItem("phone");
</script>

这样就可以实现第一页每个输入框的内容都依次出现在第二页的输入框里了。

function previewImage(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { var img = document.createElement("img"); img.src = e.target.result; img.alt = "照片"; img.onclick = function () { showPopup(img.src); }; // 隐藏原始的input元素 input.style.display = "none"; // 添加图片到input元素的父节点 input.parentNode.appendChild(img); }; reader.readAsDataURL(input.files[0]); } } function showPopup(imageSrc) { var popup = document.createElement("div"); var popupImg = document.createElement("img"); var scale = 1; // 设置弹出窗口中的图片 popupImg.src = imageSrc; popupImg.style.transform = `scale(${scale})`; // 设置悬浮窗样式 popup.style.position = "fixed"; popup.style.top = "10%"; popup.style.left = "10%"; popup.style.width = "80%"; popup.style.height = "80%"; popup.style.backgroundColor = "transparent"; popup.style.zIndex = "9999"; // 添加图片到悬浮窗 popup.appendChild(popupImg); document.body.appendChild(popup); // 居中弹出窗口 function centerPopup() { var windowHeight = window.innerHeight; var popupHeight = popup.offsetHeight; // 计算弹出窗口的垂直偏移量 var scrollTop = window.pageYOffset || document.documentElement.scrollTop; var offset = (windowHeight - popupHeight) / 2 + scrollTop; // 设置弹出窗口的垂直位置 popup.style.top = offset + "px"; } // 初始化居中弹出窗口 centerPopup(); // 添加滚动和调整窗口大小事件监听器 window.addEventListener("scroll", centerPopup); window.addEventListener("resize", centerPopup); // 添加点击事件监听器，点击其他区域时隐藏弹出窗口 popup.onclick = function () { popup.style.display = "none"; } // 移除滚动和调整窗口大小事件监听器 function removeListeners() { window.removeEventListener("scroll", centerPopup); window.removeEventListener("resize", centerPopup); } // 在窗口关闭时移除事件监听器 window.onbeforeunload = function () { removeListeners(); };我在添加图片后需要图片始终显示在当前页面中间位置，并且能够随着滚动条滑动，始终在当前页面中间显示

您可以将`centerPopup`函数从`showPopup`函数中提取出来，并且在滚动和调整窗口大小时重新计算并设置弹出窗口的位置。同时，您还需要在图片点击事件中重新计算并设置弹出窗口的位置。以下是修改后的代码：

function previewImage(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();
    reader.onload = function (e) {
      var img = document.createElement("img");
      img.src = e.target.result;
      img.alt = "照片";
      img.onclick = function () {
        showPopup(img.src);
      };

      // 隐藏原始的input元素
      input.style.display = "none";

      // 添加图片到input元素的父节点
      input.parentNode.appendChild(img);
    };
    reader.readAsDataURL(input.files[0]);
  }
}

function showPopup(imageSrc) {
  var popup = document.createElement("div");
  var popupImg = document.createElement("img");
  var scale = 1;

  // 设置弹出窗口中的图片
  popupImg.src = imageSrc;
  popupImg.style.transform = `scale(${scale})`;

  // 设置悬浮窗样式
  popup.style.position = "fixed";
  popup.style.width = "80%";
  popup.style.height = "80%";
  popup.style.backgroundColor = "transparent";
  popup.style.zIndex = "9999";

  // 添加图片到悬浮窗
  popup.appendChild(popupImg);
  document.body.appendChild(popup);

  // 居中弹出窗口
  function centerPopup() {
    var windowHeight = window.innerHeight;
    var popupHeight = popup.offsetHeight;
    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    var offset = (windowHeight - popupHeight) / 2 + scrollTop;

    // 设置弹出窗口的垂直位置
    popup.style.top = offset + "px";
  }

  // 初始化居中弹出窗口
  centerPopup();

  // 添加滚动和调整窗口大小事件监听器
  window.addEventListener("scroll", centerPopup);
  window.addEventListener("resize", centerPopup);

  // 点击事件监听器，点击其他区域时隐藏弹出窗口
  popup.onclick = function () {
    popup.style.display = "none";
  };

  // 移除滚动和调整窗口大小事件监听器
  function removeListeners() {
    window.removeEventListener("scroll", centerPopup);
    window.removeEventListener("resize", centerPopup);
  }

  // 在窗口关闭时移除事件监听器
  window.onbeforeunload = function () {
    removeListeners();
  };

  // 图片点击事件，重新计算并设置弹出窗口的位置
  popupImg.onclick = function () {
    centerPopup();
  };
}

通过将`centerPopup`函数提取出来，并在滚动、调整窗口大小以及图片点击事件中重新计算并设置弹出窗口的位置，您可以实现图片始终显示在当前页面中间位置，并且能够随着滚动条滑动而保持在中间位置。

希望这对您有所帮助！如果您还有其他问题，请随时提问。