javascript - 一个段简单的js代码，一直提示变量没有定义
本文介绍了javascript - 一个段简单的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>解决方案
原因如楼上所说。
若担心文档未加载完，用户触发事件，可以这样：
<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> 之前。
这篇关于javascript - 一个段简单的js代码，一直提示变量没有定义的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
