Javascript 如何用Chrome打开.html文件,执行.js文件?

Javascript 如何用Chrome打开.html文件,执行.js文件?,javascript,Javascript,刚开始学习用JavaScript编写代码 我通过.html文件中的脚本源标记引用了.js文件 当通过Chrome打开上述.html文件时,.js文件中的函数不会执行 <!DOCTYPE html> <html> <head> <script type="text/javascript" src="file:///Users/bob/Desktop/myScript.js"></script> </head> <bo

刚开始学习用JavaScript编写代码

我通过.html文件中的脚本源标记引用了.js文件

当通过Chrome打开上述.html文件时,.js文件中的函数不会执行

<!DOCTYPE html>
<html>

<head>
<script type="text/javascript" src="file:///Users/bob/Desktop/myScript.js"></script>
</head>

<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>

</body>
</html>
文本编辑中键入的代码(主机平台:MacOs X)

我做错什么了吗


谢谢

此代码有效,您有一些输入错误:

存档:

function myFunction(){
    document.getElementById("demo").innerHTML="changed";
}
在html中:

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript" src="file:///Users/bob/Desktop/myScript.js"></script>
</head>
<body>
    <p id="demo">A Paragraph.</p>
    <button type="button" onclick="myFunction()">Try it</button>
</body>
</html>

段落

试试看

请阅读下面的评论

no code=no answer请阅读。修复错误,代码将正常工作,请参阅答案和评论。我已在原始帖子中修改了代码,但仍然不起作用。您在演示周围的引号和javascript函数中有错别字。。。不要使用斜体引号(这些:“”),使用双引号或单引号(这些“”或“”)。。。getElementById中有一个输入错误,“by”必须大写-->getElementById而不是getElementById谢谢@me\uz-我真的不知道到底发生了什么。我试了好几个小时,剧本就是不起作用。在为其他任务重新启动计算机并清除浏览器缓存后,脚本使用相同的代码工作(在本例中,我通过在脚本源标记中直接命名源文件来使用相对路径)。我不知道。无论如何,非常感谢你的参与。非常感谢。p、 美国安装了Sublime Text和一些用于构建系统的JS插件,但当它成功运行时,我只是在运行BbEdit。这是正确的答案——背面的轻拍很好,显示答案已被接受的绿色复选标记更好;)旁注:要在浏览器中重置代码(至少在chrome中),如果您打开了开发控制台,请右键单击“刷新”按钮,然后选择“硬重新加载”或“空缓存和硬重新加载”
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript" src="file:///Users/bob/Desktop/myScript.js"></script>
</head>
<body>
    <p id="demo">A Paragraph.</p>
    <button type="button" onclick="myFunction()">Try it</button>
</body>
</html>