为什么我的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文件无法加载？

回答

相关问题