未捕获的语法错误:意外的标记<和未捕获的引用错误:未定义 myFunction

Uncaught SyntaxError: Unexpected token < and Uncaught ReferenceError: myFunction is not defined

本文关键字:错误 引用 未定义 myFunction 语法 意外      更新时间:2023-09-26

我在myscript.js文件上编写了以下代码。

 `<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Paragraph Changed";
}
</script>`

然后将myscript.js作为外部javascript文件链接到我的外部.html页面上。外部.html的代码如下: <!DOCTYPE html> <html> <head> <script src="http://127.0.0.1/javascript/myscript.js"> </script> </head> <body> <h1>My Webpage</h1> <p id="demo">This is a Paragraph.</p> <input type="button" value="Click" onclick="myFunction()"> </body> </html>

如果我把这些文件放在我的本地主机javascript文件夹中,谷歌浏览器会给我错误:未捕获的语法错误:意外的令牌<(myscript.js:1)未捕获的引用错误:未定义 myFunction(外部.html:10)

Mozilla Firefox给了我错误:语法错误:语法错误 (myscript.js:1)引用错误:未定义 myFunction (外部.html:1)

如果我在外部.html文件中编写 myscript.js 代码并单击按钮,则不会出错。当我尝试使用外部 myscript.js 文件运行 html 文件时发生错误。我已经用谷歌搜索了几次这个问题,但没有得到答案。请帮助我。

外部脚本应该是纯 JavaScript 代码,不得包含标记

 `<script>

</script>`

仅将以下内容放在myscript.js文件中:

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