javascript - 通过JS转到另一个html文件

Question

我有一个

<a href= ./index2.html> 

我的index.html中的按钮，但现在我想更改它，以便它在单击时也调用一个函数，所以我尝试了

<a href="./index2.html;javascript:randomFunction();"

但是不起作用，如何让一个元素切换html页面并立即调用函数？谢谢!!

Answer 1

假设要在当前页面运行JS:

您不应该使用的快速而肮脏的方法是添加 onclick属性。

<a href="index2.html" onclick="randomFunction()">

干净的方法是 bind an event handler与JS。

reference_to_anchor.addEventListener('click', randomFunction);

(有关详细信息以及旧版本 IE 缺乏支持的解决方法，请参阅上面链接的文档)。

(另请参阅Progressive Enhancement和Unobtrusive JavaScript)。

这将在点击链接之前在出现链接的页面上运行 JavaScript。

另一方面，如果您希望 JavaScript 在目标页面上运行:

您有一个相当复杂的问题需要处理。

新的页面意味着新的执行环境。一个页面上的客户端代码无法触发下一个页面上的客户端代码。

我会通过生成服务器端脚本来解决这个问题 index2并包括<script>randomFunction();</script>如果 URI 上存在特定查询字符串。