onblur和onfocus和onmousemove
这是我写的一个JS，里面有三个方法我不知错在哪里劳烦各位检查检查，知道知道我，<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script language="javascript">
//装载网页是弹出调用hello(),利用onload调用
//onload事件描述的是--页面装载
function hello(){
alert("Hello");
}
//当网页卸载时利用unload调用bye()
//unonload事件描述的是--页面的卸载
function bye(){
alert("bye");
}
//点解"提交"时,会弹出“请输入密码框”,通过onclick调用
//onclick是点击事件
function test(){
var name1 = window.prompt("请输入你的密码","");
window.alert("你输入的密码是:"+name1);
}
//当鼠标在点击输入框是利用onfocus调用clear()方法替换uname的value
//onfocus描述的时间作用是--成为焦点
function clear(){
alert("sdasd");
document.form1.uname.value="";
}
//当输入框失去焦点onbulr调用writer()方法显示输入的内容
//onbulr描述的时间作用--当对象失去焦点
function writer(){
alert("你填写的姓名："+document.form1.uname.value);
}
//body利用onmousemove使body内的图片随着鼠标的移动而移动
//onmousemove事件的作用是--鼠标的移动
function move(x,y){
tu.style.left = x;
tu.style.top = y;
}
//利用系统时间储存在now
function time(){
var now = new Date();
var year = now.getYear();
var month = now.getMonth();
var date = now.getDate();
var day = now.getDay();
day = day ==0?"日":day;
var hours = now.getHours();
var mins = now.getMinutes();
var secs = now.getSeconds();
var DayTime = "今天是："+year + "年"+((month<10)?"0":"")+ month + "月"+date+"日 星期"+day;
var NowTime = "现在时间:";
if(hours<12){
NowTime+="上午";
}else{
NowTime+="下午";
}
NowTime+= ((hours<=12) ? hours : hours - 12)+((mins<10) ? ":0":":")+mins+((secs<=10) ? ":0":":")+secs;
document.clock.clock1.value = DayTime;
document.clock.clock2.value = NowTime;
}
//利用onload调用start()在输入框中显示时间，start()将time()中的对象now起来，再显示在输入框
function start(){
window.setInterval("time()",1000);
}
</script>
<body onload="start(); hello();" unonload="bye();" onmousemove="move(event.x,event.y);">
<form name="clock" >
<div align="center">
<input type="text" name="clock1" size="30" readonly="readonly"/><br />
<input type="text" name="clock2" readonly="readonly"/></form>
<div id="tu"><img src="top.jpg" /></div>
<form name="form1">
<input type="text" name="uname" value="请输入你的姓名" onfocus="clear();" onblur="writer();"/>
<input type="button" name="b1" value="提交" onclick="test();"/>
</form>
</div>
</body>
</html>
这是我对这视频写的一个综合JS，里面有三个方法我不知错在哪里劳烦各位检查检查，指导指导我，里面的clear()和move()方法我是不直掉错在哪里会让我的页面实现不了他应有的效果，move()方法我是想实现图片随鼠标移动，clear()方法是实现当鼠标点解输入框，输入框中value就取空，但不一直调试都找不出错误
程序代码：