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

How to create a event on separate page Javascript

本文关键字：创建 事件 单独      更新时间：2023-09-26

我试图找出如何创建一个单独的页面上的事件从我的索引页下面。例如，当单击事件发生时，我想在单独的页面(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>

您是否可以在URL中创建一个可以拉入新页面的参数，并从该参数创建事件?(如www.whatever.com ? someparameter =无论)

要做到这一点，启动一个新的窗口，如果还没有。

var newwindow = window.open(url);

确保将其存储到一个变量中。然后，执行以下JavaScript:

newwindow.document.body.appendChild(element);

文档。Body是新打开的窗口，可以通过变量。

访问。
相关文章：