日期:2014-05-17  浏览次数:20570 次

深入浅出JavaScript (四)DHTML

      DHTML对象模型是将浏览器和HTML文件的标签都对象化,以便Javascript程序代码可以轻易地操控浏览器和访问HTML标签的对象.

     DHTML并没有建立全新的HTML标签集和样式之间的关系,Script程序代码可以控制文件的元素,样式可以建立文件元素的编排,Script程序代码可以访问样式或初始化样式.

     访问HTML文件的所有元素,将每一个HTML标签视为一个对象,使用属性id或name来访问标签对象。一下是DHTML模型。

           下面介绍几个常用对象的常用方法或者属性。

       【Window对象】

             1. setTimeout(express,time)

                     启动定时器,当Time的时间到达时,运行express表达式,单位为千分之一毫秒

                clearTimeout()

                     停止setTimeout方法启动的定时器,看下面例子:

            经过1秒后,执行Count()函数,然后,停止。       

<script language="javascript" type="text/javascript" >
	//计时
	function Count()
	{
		alert("执行alert");
	}
	
	//保存setTimeout()函数返回ID
	var timeoutId;
	function GameBegin()
	{
		//经过1秒后,调用Count()函数
		timeoutId=setTimeout("Count()",1000);
	}
	function GameEnd()
	{
		//结束调用
		clearTimeout(timeoutId);
	}
</script>

 

           2.内置对话框

              alert(message)

              显示一个警告信息的窗口,参数就是显示的信息内容

              confirm(message)

              一个确认的对话框,参数为信息内容,传回true表示单击“确定”按钮,false为“取笑”按钮

              Prompt(msg,value)

             显示输入文字内容的对话框,参数msg为信息内容,value为默认值,传回用户输入的字符串串

<script language="javascript" type="text/javascript" >

	alert("李龙生");
	confirm("你确定登陆吗?");
	prompt("请输入用户名!","李龙生");

</script>