通过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在目标页面上运行：

您有一个比较复杂的问题要处理。

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

我由具有服务器侧脚本接近这个问题产生index2和包括<script>randomFunction();</script>如果一个特定的查询字符串是存在于URI。

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

您可以使用javascript的onclick事件。

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

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