<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
<script type="text/javascript">
window.onload=function(){
initCall();
}
function initCall(){
var userInfo = [{"name":"张三","age":"12","grade":"1"},{"name":"李四","age":"13","grade":"1"}];
$("input").eq(0).click(function(){
showInfo("张三");
});
$("input").eq(1).click(function(){
showInfo("李四");
});
//根据名字查找数据
function getData(name){
for(var i in userInfo){
if(userInfo[i].name == name){
return userInfo[i];
break;
}
}
}
function showInfo(name){
var info = getData(name);
alert('姓名:'+info.name+'\n'+'年龄:'+info.age+'\n'+'年级:'+info.grade);
}
}
</script>
</head>
<body>
<input type="button" value="显示张三的资料"/><br>
<input type="button" value="显示李四的资料"/>
</body>
</html>
js例题
最新推荐文章于 2022-11-13 20:23:14 发布