Web前端-JavaScript深入

    之前接触JavaScript的时候，敲了很多，但是并不明白如何使用。现在敲了一些js小例子，js更像是一种函数的定义和使用。在界面有很多事件，比如说点击事件、获取焦点事件，我们在这些事件中可以定义一些函数，而在JavaScript中可以对其进行函数的编写，丰富特效。

       JavaScript中有四个对象 JavaScript对象  Browser对象   HTMLDOM对象   HTML对象。

        在 HTML Dom 中有一个Dom Event对象，顾名思义就是定义了一些事件的方法。常用方法：

          onblur：元素失去焦点

   onclick：当用户点击某个对象时调用的事件句柄。

   onfocus：元素获得焦点

   onload：一张页面或一幅图像完成加载。

 
在注册的时候，需要提示用户名是否为空：

  在input标签中 写事件 onclick、onsubmit等事件，在事件中定义方法：这些方法是自定义方法（具体函数编写在Js中实现）。

  <input type="text" id="username" name="username"onsubmit="checkForm（）"><span
id="usernameSpan"></span>

function checkForm(){
// 判断用户名不能为空:
var username = document.getElementById("username").value;
if(username == ""){
document.getElementById("usernameSpan").innerHTML = "<font color='red'>用户名不能为空！</font>";
return false;
}

var password = document.getElementById("password").value;
if(password == ""){
document.getElementById("passwordSpan").innerHTML = "<font color='red'>密码不能为空！</font>";
return false;
}
}

实现图片定时切换：

JavaScript中有一个Browser对象，里面有window对象window对象有设置定时的方法
  setInterval(code,millisec)
  code：要执行的代码块或是函数millisec：间隔的秒数1000=1s

<script>    <!--进行图片定时转换-->

window.onload=function(){
window.setInterval("changeImg()",5000);//5s
}
var i=1;  <!--成员变量也称全局变量-->
function changeImg(){
i++;
if(i>3){
i=1;
}
var img1=document.getElementById("img1");
img1.src="../img/"+i+".jpg";

}

</script>