<html>
<head>
<title>iRock - The Virtual Pet Rock</title>
<script type="text/javascript">
var userName;
function resizeRock() {
document.getElementById("rockImg").style.height = (document.body.clientHeight - 100) * 0.9;
}
function greetUser() {
alert('Hello, I am your pet rock.');
}
function touchRock() {
if (userName) {
alert("I like the attention, " + userName + ". Thank you.");
}
else {
userName = prompt("What is your name?", "Enter your name here.");
if (userName)
alert("It is good to meet you, " + userName + ".");
}
document.getElementById("rockImg").src = "rock_happy.png";
setTimeout("document.getElementById('rockImg').src = 'rock.png';", 5 * 60 * 1000);
}
</script>
</head>
<body onload="resizeRock(); greetUser();" onresize="resizeRock();">
<div style="margin-top:100px; text-align:center">
<img id="rockImg" src="rock.png" alt="iRock" style="cursor:pointer" onclick="touchRock();" />
</div>
</body>
</html>加了<!DOCTYPE html>后 resizeRock（）就失效了，出了什么问题呢？
添加回答
举报
0/150
提交
取消