使用锚标签打开一个空白window并写入其中

Question

我知道我可以使用<a href="" target="_blank">打开一个新的window。我还可以使用 onclick 甚至处理程序来创建 window 并用动态内容填充它，例如 win = open(""); win.document.innerHTML =。但是，后者迫使我使用按钮并显式创建 window 而不是依赖默认的 <a> 功能。我可以把它们组合起来，用<a>打开window然后用onclick填充吗？

Answer 1

win.body.innerHTML 仅在打开包含正文的页面时有效。某些浏览器可能会为您执行此操作（打开一个虚拟文档），但肯定不是所有浏览器

这里有一个link - 我使用内联JS来演示，更好的选择是在页面的onload中分配onclick：

这是一个 JSFiddle 因为 SO 代码段不允许弹出窗口

<a href="activateyourjsandallowpopups.html" 
onclick="var w = window.open('','_blank'); // may fail if blocked
if (w) { w.document.write('Hello'); w.document.close(); }     
return !w">Click</a>

也许你是这个意思？

<a href="pagefrommyserver.html" target="myWin" 
onclick="setTimeout(function() { 
  var w = window.open('','myWin'); // get the opened window handle
  if (w) { w.document.body.innerHTML = 'Hello'}
},200)">Click</a>

使用锚标签打开一个空白window并写入其中

Use anchor tag to open a blank window and write into it

javascript

dom

onclick

htmlwriter