脚本源代码中引用的.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文件中的函数未执行

回答

相关问题