如何從另一個HTML文件調用HTML文件中的函數

Question

我正在嘗試從我的html：tasks-div-upload.html到我的其他html：task-tareas-actualizadas.html調用函數。

我將自己的腳本包括在html文件的腳本標簽中

我試圖這樣調用該函數

首先，這是調用該函數的html：tasks-divs-upload.html

該函數位於task-tareas-actualizadas.html中

我試圖像我在java中那樣調用函數

先編寫類，然后編寫函數，例如： people.countPeople(5);

在這種情況下，沒有類，因為它是一個html文件，該怎么辦？

//tasks-divs-upload.html

 function contadorTareas(){
   for(var x = 0; x < divs; x++){
     var numeroTareas = x;
   }
   prueba(numeroTareas);    // <---------
 } 

//task-tareas-actualizadas.html

function prueba(numero){
  console.log(numero);
}

控制台顯示此錯誤“未捕獲的ReferenceError：未定義prueba”

Answer 1

可以這樣做，但主要是一個壞主意，不是很常見，有一些特定要求。 除非用戶意識到交互作用，否則最好不要這樣做。

如果您的task-tareas-actualizadas.html在新窗口中打開tasks-divs-upload.html ，則tasks-divs-upload.html可以調用window.opener.prueba()但是，如果第一個窗口關閉，它將不會在那里，他們必須都來自同一地方。

如果父級保留對子級窗口的引用，則此交互也可以采用其他方式。

最好創建一個JavaScript文件，例如說“ myfunctions.js”，其中包含您要使用的功能，並且將其包含在兩個頁面中，除非出於某些原因您需要/希望頁面進行交互-例如，子頁面更改了父頁面DOM或某些這樣。

參考https://developer.mozilla.org/en-US/docs/Web/API/Window/opener和https://developer.mozilla.org/en-US/docs/Web/API/Window/open

Answer 2

HTML中的腳本是JavaScript代碼。 它們需要在單獨的.js文件中定義，或使用<script>標簽包含在html中。

無法在html文件中定義JavaScript函數，然后在另一個html文件中使用它。 您需要將函數定義為一個單獨的JavaScript文件，然后將該文件包含在html頁面中。

您還可以使用現代瀏覽器本地支持的JavaScript模塊 。