window.onload =function () {
function getFocus(obj,msg) {
var obj =document.getElementById(obj);
var msg =document.getElementById(msg);
obj.onfocus =function () {
msg.style.display ='block'
}
}
getFocus('name','nameMsg')();
};
就是当一个input获得焦点时，将下方隐藏的提示信息显示出来。功能也实现了。可是调试台报错，想知道为什么。
报错信息
02.js:9 Uncaught TypeError: getFocus(...) is not a function
at window.onload (02.js:9)
window.onload @ 02.js:9
getFocus('name','nameMsg')();把后面的括号去掉。。。
document.getElementById("obj"); 获取对象要加引号
getFocus('name','nameMsg');最后的括号去掉
函数的调用问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#nameMsg{
width: 300px;
height: 200px;
background: #008000;
display: none;
}
</style>
<script type="text/javascript">
window.onload =function () {
function getFocus(obj,msg) {
var obj =document.getElementById(obj);
var msg =document.getElementById(msg);
obj.onfocus =function () {
msg.style.display ='block'
}
}
getFocus('name','nameMsg');
};
</script>
</head>
<body>
<input type="text" id="name"/>
<div id="nameMsg"></div>
</body>
</html>
详情参阅博客：http://blog.csdn.net/taoge1024/article/details/70171584