一个段简单的js代码，一直提示变量没有定义
想做一个点击按钮后，一段文字出现在屏幕上，刚刚开始学js，
console里一直提示 pickme is not defined。
<html>
<head>
<title>测试</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript">
window.onload = function() {
function pickme() {
var pickup = document.getElementById('pickup');
var textbox =document.getElementById('textbox');
textbox.innerHTML="你点击了按钮";
}
}
</script>
</head>
<body>
<div style="background-color: #dddddd;height:400px;">
</div>
<div id="textbox" style="height: 200px;">
<button id="pickup" onclick="pickme()" type="button" style="margin: 15px;width: 100px;height:50px;">按钮</button>
</div>
</body>
</html>
ibeautiful1回答
-
人到中年有点甜
原因如楼上所说。若担心文档未加载完，用户触发事件，可以这样：<script type="text/javascript">window.onload = function() { function pickme() { var pickup = document.getElementById('pickup'); var textbox =document.getElementById('textbox'); textbox.innerHTML="你点击了按钮"; } document.getElementById('pickup').addEventListener('click',pickme) } </script>另为避免脚本影响文档渲染，不是必须放在前面的，建议放到文档后面，即 </body> 之前。
随时随地看视频慕课网APP
相关分类
JavaScript