通过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在目标网页上投放：

你有一个更复杂的问题需要处理。

新页面表示新的执行环境。一个页面上的客户端代码不能在下一个页面上触发客户端代码。

如果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

您可以使用onclick javascript事件。

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

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