通過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.
}