想做一个点击按钮后，一段文字出现在屏幕上，刚刚开始学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>
1 回答
人到中年有点甜
TA贡献1895条经验 获得超7个赞
原因如楼上所说。
若担心文档未加载完，用户触发事件，可以这样：
<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> 之前。
添加回答
举报
0/150
提交
取消