Question

HTML文件

<!DOCTYPE html>
<html>
<head>

</head>
<body>

<p id="hi">HI</p>
<br>
<input type="button" onclick="onClick1()" value ="CLICK ME">

<script src="myfunc.js"></script>
</body>
</html>

脚本

<script>
function onClick1(){
    document.getElementById("hi").innerHTML = "hello";
}

</script>

Google Chrome说明了LocalException：ReferenceError：onClick1未在HTMLInputElement.onclick上定义

.js和html文件保存在同一文件夹的桌面上......

Answer 1

删除myfunc.js文件中的脚本标记，并按如下所示编写。这是因为在文档“准备就绪”之前无法安全地操作页面。

$(document).ready(function(){
    function onClick1(){
        document.getElementById("hi").innerHTML = "hello";
    }
});

只有在HTML文件本身中包含脚本（此处为onClick1()函数）时，才需要包含脚本标记，如下所示。

<!DOCTYPE html>
<html>
<head>

</head>
<body>

<p id="hi">HI</p>
<br>
<input type="button" onclick="onClick1()" value ="CLICK ME">

<script>
function onClick1(){
    document.getElementById("hi").innerHTML = "hello";
}
</script>
</body>
</html>

Answer 2

如果您想在同一文件夹中使用myfunc.js，则无需撰写{}。

function onClick1(){
     document.getElementById("hi").innerHTML = "hello";
}

外部javascript / HTML不工作...非常基本的基础/初学者

2 个答案: