Question

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

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

然后将myscript.js链接到我的external.html页面上的外部javascript文件.external.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>

如果我将这些文件放在我的localhost javascript文件夹中，Google Chrome会给我错误：未捕获的SyntaxError：意外的令牌＆lt; （myscript.js：1）未捕获的ReferenceError：myFunction未定义（external.html：10）

Mozilla Firefox给我错误： SyntaxError：语法错误（myscript.js：1） ReferenceError：myFunction未定义（external.html：1）

如果我在external.html文件中写入myscript.js代码并单击按钮我没有错误。当我尝试使用外部myscript.js文件运行html文件时发生错误。我已经多次搜索过这个问题但没有得到答案。请帮帮我。

Answer 1

外部脚本应为纯JavaScript代码，且不得包含令牌

 `<script>

和

</script>`

只将以下内容放入myscript.js文件中：

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

未捕获的SyntaxError：意外的令牌＆lt;和未捕获的ReferenceError：未定义myFunction

1 个答案: