腳本源代碼中引用的.js文件中的函數未執行

JavaScript初學者問題：因此，我在線學習並在教程中運行.html文件的以下代碼。我試圖在計算機上本地運行所有內容。下面是我所做的：腳本源代碼中引用的.js文件中的函數未執行

第1步：創建.html文件並放在裏面

<!DOCTYPE html> 
<html> 
<body> 

<h1>External JavaScript</h1> 

<p id="demo">A Paragraph.</p> 

<button type="button" onclick="myFunction()">Try it</button> 

<p>(myFunction is stored in an external file called "myScript.js"). 
</p> 

<script src="myScript.js"></script> 

</body> 
</html>

步驟2以下代碼：創建一個.js文件，並置於其內的以下代碼：

function myFunction() { 
    document.getElementById("demo").innerHTML = "Paragraph changed."; 
}

步驟3：執行的經由鉻.html文件，但在功能通過命令在HTML文件名爲js文件不執行

我做錯了什麼？

謝謝你們。

來源

2017-03-05 Ray

控制檯中的任何錯誤？ –

嘗試在myfunction（）中放置一個console.log（「in here」）並查看控制檯。 – CaptainHere

這適用於我複製代碼的確切方式，即如何在上面鍵入它並將它們粘貼到新文件中。

當頁面啓動時它看起來像這樣：

，然後當我點擊按鈕的文字更改爲「段落改爲」：

我不在控制檯中也看不到任何錯誤。

你期待什麼發生？運行它時實際發生的事情不是預期的功能？

此外，請檢查兩個文件是否在同一個目錄中。如果您想將js文件放在不同的目錄中，那麼您需要引用腳本標記中的相對路徑。例如，如果你的文件夾結構是這樣的：

然後一個有效的腳本標籤會是這樣：

<script src="./js-files/myScript.js"></script>

來源

2017-03-06 20:46:07 Jim

我試着用桌面上的兩個文件的相對路徑（腳本src =「/ users/bob/desktop/myScript.js」和腳本src =「myScript.js」）以及桌面子目錄中的兩個文件 - 工作。由於某種原因，文件路徑適用於HTML img src。 HTML文件運行良好，所以它顯示按鈕。沒有發生什麼是當我點擊按鈕 - 什麼都沒有發生。主機平臺：MacOs X（以防萬一） – Ray

嗯，你只用「點斜線」嘗試嗎？（src =「./ myScript.js」）你在嘗試哪些瀏覽器？ – Jim

腳本源代碼中引用的.js文件中的函數未執行

回答

相關問題