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()">

干净的方法是将事件处理程序与 JS 绑定。

reference_to_anchor.addEventListener('click', randomFunction);

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

（另请参阅渐进式增强和不显眼的 JavaScript）。

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

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

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

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

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

Answer 2

让它通过onclick事件调用所需的函数，在函数结束时执行：

window.location=url;

或者，如果您想更改页面，然后在新页面上调用函数，请使用普通a标签转到新页面，然后：

window.onload=function(){
     //do something
}

Answer 3

您可以使用onclick="javascript:randomFunction()"

例如：

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

Answer 4

使用 onclick 事件调用函数

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

Answer 5

你可以使用onclickjavascript的事件。

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

function randomFunction(){
   // do needfull code here.
}