使用window.write()方法有什么问题吗

Question

单击按钮时，我将打开一个空白窗口，并在短暂延迟后加载 Word 文档。

但是我想在初始加载时显示加载文本，直到新窗口/选项卡被文档替换。

我更喜欢

Window.write("<div>loading</div>");

有没有更好的方法？ 使用 write 方法安全吗？

由于它是新/空白窗口，我无法使用创建元素（新窗口中不存在 head 、 body ）

使用 window write() 工作正常

Answer 1

虽然使用

window.write()

没有问题，但最好加载带有加载标记的 HTML 文档，然后通过脚本加载内容。

理想情况下，您不必通过脚本加载任何内容，它们都可以作为静态 HTML 提供。

如果您正在为用户加载文件，我建议您直接链接到该文件作为下载，而不是为其实现加载页面。您可以在这里阅读更多内容：

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download

Answer 2

我认为

write

对象上没有

window

方法。有

document.write()

方法，它可能在某些浏览器中有效，但根据 MDN 已弃用。

我很想知道

window.write()

如何为您服务。

如果您仍然有兴趣了解如何使用

document.write

，请在此处附加一个片段。

function openDoc() {
  const windowRef = window.open("", "_blank");
  windowRef.document.write(
    "<div style='display: flex;justify-content: center;align-items: center;height: 100vh;'><h3>Loading...</h3></div>"
  );
  /* Added for simulating waiting */
  setTimeout(function () {
    windowRef.location.href = "https://kumbh.gov.in/";
  }, 2000);
}

<button onclick="openDoc()">Open Document</button>