单击按钮后是否可以转到另一个页面并调用Javascript函数？答案

【问题标题】：Is it possible to go to another page and call Javascript function after clicking button?单击按钮后是否可以转到另一个页面并调用Javascript函数？
【发布时间】：2021-09-08 04:45:52
【问题描述】：

我在这里的第一篇文章:)

大家好，

我有两个 .html，第一个名为 a.html，第二个名为 b.html。我想去 b.html 并在单击 a.html 上的按钮后调用一个函数。我想运行的函数本地存储在 b.html 中。

这是我想要实现的预览：

<button type="button" id="rezerwacjawarriors" onclick="location.href='rezerwacja.html' AND CALL FUNCTION ON B.HTML STORED IN B.HTML AFTER LOADING PAGE;">Rezerwacja</button>

甚至可以这样做吗？

我想在 b.html 上调用的函数使特定的 div 出现。

英语不是我的母语，所以对于任何误解和错误，我深表歉意。

感谢您的帮助。 =)

【问题讨论】：

stackoverflow.com/questions/3842614/… 这有帮助吗？
问题是我想仅在单击 a.html 上的按钮时自动在 b.html 上运行功能，而不是每次加载 b.html 时。
stackoverflow.com/questions/40946465/… 这可能会有所帮助，欢迎来到 StackOverflow！
@Anglesvar 您评论的问题与此问题不同。你评论的问题是关于重用代码，而这个问题是关于在另一个页面中调用一个函数。

标签： javascript html button onclick href

【解决方案1】：

您可以使用query parameter 以便b.html 知道在加载时调用该函数。

分页脚本

// ... on click
window.location.replace('b.html?callFunction=specialFunction')

页面b脚本

if (new URLSearchParams(window.location.search).get('callFunction') === 'specialFunction') {
 // Call function or do whatever
}

您可以根据callFunction 的不同值（或您选择的任何查询字符串键）执行不同的操作 Here is a link to a repl which does this.

如果您不喜欢网址末尾的查询参数，可以将其删除 - Remove URL parameters without refreshing page。

【讨论】：