Javascript - 使用 window.open() 访问另一个 HTML 文件；

Question

所以基本上我想做的是打开一个带有本地文件位置的窗口(假定在同一目录中)，并将该 HTML 文件的正文文本作为字符串存储到运行 JavaScript 的 HTML 页面中，然后关闭新窗口，就好像它从未真正打开过一样，所以它只用于其文本。JavaScript 随主体一起加载。

function test(){
    var x = document.getElementById("fill");
    var w = window.open('../HTML/HtmlPlaceholder.html');
    var cont = w.document.body.textContent;
    x.innerHTML = cont;
}

但是当发生这种情况时，实际上没有任何内容输入到 x(id 为“fill”的元素)中。知道我做错了什么吗？

Answer 1

window.open 打开另一个窗口，它有自己的线程和事件，

你有两个选择

- 要么等待一段时间检查内容

试试这个

function test(){
    var x = document.getElementById("fill");
    var w = window.open('../HTML/HtmlPlaceholder.html');
    setTimeout( function(){

      var cont = w.document.body.textContent;
      x.innerHTML = cont;

      console.log (cont);
    }, 2000);
}

- 或者使用弹出窗口本身的 window.onload 事件

在 HtmlPlaceholder.html 中放置

window.onload = function(){

  var x = window.opener.document.getElementById( "fill" );
  x.innerHTML = document.body.innerHTML;
};