Web前端-JavaScript深入

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

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

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

          onblur:元素失去焦点

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

   onfocus:元素获得焦点

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

 

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


  在input标签中 写事件 onclick、onsubmit等事件,在事件中定义方法:这些方法是自定义方法(具体函数编写在Js中实现)。


  onsubmit="checkForm()">

function checkForm(){
				// 判断用户名不能为空:
		var username = document.getElementById("username").value;
		if(username == ""){
			document.getElementById("usernameSpan").innerHTML = "用户名不能为空!";
			return false;
		}
				
		    var password = document.getElementById("password").value;
		    if(password == ""){
			document.getElementById("passwordSpan").innerHTML = "密码不能为空!";
			return false;
		     }
}

实现图片定时切换:


JavaScript中有一个Browser对象,里面有window对象window对象有设置定时的方法

  setInterval(code,millisec)

  code:要执行的代码块或是函数millisec:间隔的秒数1000=1s



 


你可能感兴趣的:(------【HTML】,•,编程语言)