重定向到另一个页面的 Href 链接具有特定操作

Question

在我的网站上，我创建了几个 href 按钮，我希望这些不同的按钮能够引导至同一页面，但带有额外的 js 操作。当我单击第一个链接时，这会将我带到该页面，因此第二个链接会引导至同一页面，但激活了 javascript 操作。我希望我已经说得足够清楚了，这是可能的，谢谢您的回复。

Answer 1

基本上，我有一个页面，其中有一些按钮可以通往另一个页面，或者有一些按钮可以在 js 中进行操作，我希望当我们单击第一页上的按钮时，当 js 被激活时我们会到达第二页。基本上我解释了我的网站，我有一个按钮“视觉识别”，它应该导致另一个页面（简单），在第二页上有像“鱼”这样的子按钮，它显示带有js命令的菜单，它的子按钮也是在第一页上，我希望当您单击第一页上的子按钮时，它将带您进入第二页并打开菜单。不知道上面的你明白了吗？但谢谢你的回复。

Answer 2

您可以通过使用每个 href 按钮发送 url 参数来实现此目的：/page.html?action=1。请参阅在 javascript 中解析 url 参数

接下来page.html使用以下 JavaScript：

window.onload = function() {

    let url = new URL(window.location.href);

    let action = url.searchParams.get("action");

    if (action == "1") {

        //perform an action

        action1();

    } else if (action == "2") {

        action2();

    }

};

Answer 3

我认为添加一个类/id 会有帮助。我是新来的，所以请告诉我这是否是您正在寻找的

<a class="script" href="...">Link</a>

然后在你的javascript中，你可以操纵它

var link = document.querySelector(".script");

link.addEventListener("click", function(){

    // your function here

});