爲什麼我的JavaScript文件無法加載？

這是我的JavaScript文件的代碼：

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

來源

2017-06-14 Bill

你是什麼意思，它不加載。你檢查鉻開發工具和它的網絡選項卡。你發現這個JS在該選項卡？ – VivekN

與你的HTML文件在同一文件夾上的'try1.js'文件是什麼？ –

請勿將括號放在onclick上。它應該是onclick =「myFunction」 – 97amarnathk

因爲該元素尚不存在。嘗試把JavaScript放在主體的末端

<html> 
    <head> 
     <title>Example<title> 
    </head> 
    <body> 

     <h1>A Web Page</h1> 
     <p id="demo">A Paragraph</p> 
     <button type="button" onclick="myFunction()">Try it</button> 
     <script type="text/javascript" src="try1.js"></script> 
    </body> 
</html>

這似乎在內聯時工作得很好。


 
     <h1>A Web Page</h1> 
 
     <p id="demo">A Paragraph</p> 
 
     <button type="button" onclick="myFunction()">Try it</button> 
 
     <script type="text/javascript"> 
 
     function myFunction() { 
 
      document.getElementById("demo").innerHTML = "Paragraph changed"; 
 
     } 
 
     </script>

來源

2017-06-14 19:51:18 styfle

即使腳本在腦海中 – VivekN

問題不在於此。代碼'document.getElementById（「demo」）'將在按鈕被點擊時運行，並且當時該元素將存在於DOM –

@TasosK上。正是我的意思。 – VivekN

-1

通常的方式做，這是包裝你的JavaScript在這樣的jQuery的文件準備好功能。如果你不使用jQuery，你應該檢查它，這是非常有用的。

$(document).ready(function() { 
    console.log("ready!"); 
});

來源

2017-06-14 19:56:57 frodo2975

你爲什麼要在這裏介紹另一個圖書館.Plain JS完成這項工作。 – VivekN

在這個問題中沒有什麼需要使用jQuery –

不是試圖開始一場神聖的戰爭，但如果你在這個時代不使用jquery，你應該是。如果你不這樣做，你不得不擔心諸如跨瀏覽器兼容性的問題，最終你會重蹈覆轍。 – frodo2975

爲什麼我的JavaScript文件無法加載？

回答

相關問題