javascript - 单击 anchor 标记后如何运行 jquery？

Question

我有一个像这样的 anchor 标记:

   <a href="secondPage.html" id="seeVid">
        <div class="box" style="margin-top:100px;" id="bee">
            <center><h2>Java</h2></center>
            <center><p>Hello paragraph for .</p></center>
        </div></a>

当我单击它时，我想转到第二页并在该 div 中附加一个段落，我该如何完成此操作，这是我的 jquery，但它似乎不起作用？

$(document).ready(function(){

    $("a#seeVid").click(function(){

        $('div.allVid').append("<p>Second Paragraph</p>");     

    });           
});

在这里，我试图查看何时单击 id 为“seeVid”的 anchor 标记，然后转到第二页中类为“allVid”的 div，我想附加一个段落，但这不是工作？

Answer 1

你不能这么做。当第二个页面加载时，第一个页面中的所有 JavaScript 不再存在，也不会执行。

您可以在单击 anchor 时执行一个 javascript 函数，并让该函数重定向到一个 URL，添加您想要发送的一些数据的查询字符串参数，然后在第二页加载时您可以执行一个 javascript 函数来检索查询字符串参数并对其进行一些操作。您可以在此处阅读如何使用 javascript 重定向到新的 URL:How to redirect to another webpage in JavaScript/jQuery?以及如何在此处检索查询参数:jquery get querystring from URL