Question

您好我正在尝试弄清楚如何在下面的索引页面的单独页面上创建一个事件。例如，当发生点击事件时，我想在一个单独的页面上添加一个新节点（artist.html）我知道我可以访问元素ID并附加孩子，但我不知道我在这里做错了什么，真实世界的例子：用户点击一个成为点击事件的元素，将它们带到一个页面，该页面创建一个说“Hello World”的文本节点...... 下面是我的javascript代码片段，感谢

发生点击事件的

index.html页面位于

之下

      <form class="navbar-search">
                <input class="search-query" placeholder="Search..." type="text">
                <div id="drop" class="dropdown">
                    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                        <li>
                           <a id="photo_0" tabindex="-1" href="artist.html">
                              <p id="artist_0" class="list-item"> </p>
                           </a>
                        </li>
                       <li>
                           <a id="photo_1" tabindex="-1" href="artist.html">
                             <p id="artist_1" class="list-item"> </p>
                           </a>
                        </li>

    <script>

    var photo0 = document.getElementById("photo_0");
    photo0.onclick = function() {

document.getElementById("album0").appendChild(document.createTextNode("Hello  World"));

};

在上面创建的事件点击发生时我想要附加新文本节点的artist.html页面的片段

     <a href="#"><p id="album0" class="album-photo"></p></a>
        <div>
            <p id="album-data0" class="albumdata-class"></p>
        </div>

Answer 1

你可以在URL中创建一个可以拉入新页面的参数，并从参数创建事件吗？（例如www.whatever.com?someparameter=whatever）

Answer 2

为此，如果还没有，请开始一个新窗口。

var newwindow = window.open(url);

确保将其存储到变量中。然后，执行此JavaScript：

newwindow.document.body.appendChild(element);

document.body是新打开的窗口，可以通过变量访问。

如何在单独的页面javascript上创建事件

2 个答案: