javascript - 加载超链接页面后如何响应事件？

我想知道客户端单击超链接并加载超链接后是否可以响应事件？哪个事件可以使用超链接中的属性（即ID，类...等）？

例如，page_A具有超链接

<a href="page_B" onclick="some_func">link</a>

但是由于some_func需要在page_B中使用某些属性，因此可以说page_B有这一行

<p id="a">hello world</p>

并且some_func想使用它做某事（例如document.getElementById("a")），如何首先加载超链接（page_B）然后运行some_func？

最佳答案

您可以使用localStorage在第二页上保存要执行的函数的名称，并在加载后调用它。

代码如下：

JS

// a sample function to be called
function myFunc() {
    alert("Called from previous page!");
}

// save the name of the function in the local storage
function saveForLater(func) {
    localStorage.setItem("func", func);
}

// if the function exists
if (localStorage.func) {
    // call it (not using the evil eval)
    window[localStorage.func]();
    // remove it from the storage so the next page doesn't execute it
    localStorage.removeItem("func");
}

HTML（仅用于测试）

<a href="test2.html" onclick="saveForLater('myFunc')">Go to Page 2</a><br/>
<a href="test2.html">Go to Page 2 (not saving function)</a>

注意：由于此代码在客户端运行，因此用户可能会对其进行更改，因此，在操作和执行“保存的”功能时必须小心，否则可能会遇到安全问题。

关于javascript - 加载超链接页面后如何响应事件？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29181955/