Javascript Can'；t让onClick在JS文件中工作_Javascript_Onclick

Javascript Can'；t让onClick在JS文件中工作

javascript

Javascript Can'；t让onClick在JS文件中工作,javascript,onclick,Javascript,Onclick,经过两天的努力和研究，我似乎不知道如何让onClick处理图像这是我的html: <!DOCTYPE html> <html> <title>Stupid F'ing Rock!</title> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css"/> <script src="script.js">

经过两天的努力和研究，我似乎不知道如何让onClick处理图像

这是我的html:

<!DOCTYPE html>
<html>
    <title>Stupid F'ing Rock!</title>
 <head>   
    <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
    <script src="script.js"></script> 
</head>

    <body>
        <img id="touchRock" src="images/rock_unhappy_original.png">
    <body/>
</html>

/*global alert */


window.onload = function () {
    alert("Hello, I am your pet rock!");
};
document.getElementById("touchRock").onclick = function () {
    prompt("What is your name?");
};

JS文件中唯一有效的是警报功能。我还有以下错误：

5       Missing 'use strict' statement.  alert("Hello, I am your pet rock!");
8   Missing 'use strict' statement.  prompt("What is your name?");
8   'prompt' was used before it was defined.     prompt("What is your name?");

有人知道我做错了什么吗？

您需要在

onload

函数中指定

onclick

函数，因为您在加载主体之前加载JS文件，并且ID还不存在

window.onload = function() {
    alert("Hello, I am your pet rock!");
    document.getElementById("touchRock").onclick = function() {
        prompt("What is your name?");
    };
};