Javascript onclick="；“打开窗口”+；html？

我有一个故事线文件，在我的索引文件的新窗口中用onclick事件打开。我有以下代码

<div class="ease col-6 filterDiv interactives">
    <img class="display-b img-fluid" src="assets/images/digital-wellness-thumbnail.jpg" alt="alt">
        <a onclick="window.open('assets/storyline/digital-wellness/story.html', '_blank', 'location=yes,width=1024,height=768,scrollbars=yes,status=yes')">
            <div class="overlay">
            <i class="fa fa-plus-circle fa-lg text-overlay"></i>
            </div>
        </a>
    </div>

---

这是打开一个故事线文件（在说“编辑story.html文件”之前，我已经尝试过了，它不起作用），我想看看在新窗口中打开story.html文件后是否有方法附加一些html。这可能吗

您可以创建新窗口的句柄，并通过向其发送带有的消息来修改其HTML。新窗口的页面必须知道如何接受该消息以及如何处理该消息：

主页：

document.getElementById('my-link').addEventListener('click', function (event) {
  const newWindow = window.open('http://example.com/new-window.html');

  newWindow.postMessage('<div>Some HTML</div>', 'http://example.com/index.html');
});

请通读整个文档，因为它提供了如何启动和运行此功能的良好示例

---

内联编辑：

<a onclick="javascript:var newWindow = window.open('assets/storyline/digital-wellness/
story.html','_blank', 'location=yes,width=1024,height=768,scrollbars=yes,status=yes');
newWindow.postMessage('<div>Some HTML</div>', '/index.html');">
    <div class="overlay">
        <i class="fa fa-plus-circle fa-lg text-overlay"></i>
    </div>
</a>

使用LocalStorages可以更清楚地了解您想要什么。您希望在哪个文件中附加“somehtml”？锚定标记具有文件story.html。这是在新窗口中打开的文件。这是一个清晰的故事情节文件。在新窗口中，我想知道是否有一种方法可以在加载到锚标记中的story.html文件之后向窗口添加更多html？新窗口的内容？您希望将html附加到何处？-对于在新窗口中打开的

story.html

，如果可能的话，至少提供一个屏幕截图（如果不是fiddle的话）来说明问题所在，我实际上无法通过外部javascript文件来完成。我必须进行onclick，即使javascript将新窗口视为一个新选项卡。@Nick0989我不确定我是否理解这个问题。不管它是一个标签还是其他东西，这都不会影响内联的东西。此外，它不必位于外部文件中，您可以在HTML中有一个带有JavaScript代码的

标记。如果你一定要这样做，你实际上可以在标记中包含代码。强烈建议不要这样做，因为这很难管理，而且会将JavaScript代码与HTML标记耦合起来。这对我的老板很重要。哈哈：）别担心！我试试这个解决办法。我认为有一种更简单的方法可以打开一个窗口并在同一行代码中添加额外的html谢谢。@Nick0989我明白了——我进行了编辑，这样你也可以看到如何内联执行此操作，但是你仍然需要在新窗口的HTML页面上有一个

，它才能接受消息。

<a onclick="javascript:var newWindow = window.open('assets/storyline/digital-wellness/
story.html','_blank', 'location=yes,width=1024,height=768,scrollbars=yes,status=yes');
newWindow.postMessage('<div>Some HTML</div>', '/index.html');">
    <div class="overlay">
        <i class="fa fa-plus-circle fa-lg text-overlay"></i>
    </div>
</a>