javascript（四）window对象

4.1 DHTML简介
1）操作HTML以创造各种动态视觉效果，是一种浏览器端的动态网页技术。
2）DHTML的功能：
①动态改变页面元素。
②事件响应机制制作动态折叠的树形结构和菜单。
③与用户进行交互等。
3）DHTML对象模型包括浏览器对象模型和DOM对象模型。
4.2 DHTML对象模型
将整个窗口均实现了对象化，结构如下：

4.3 window对象
window对象表示浏览器中打开的窗口。也是父对象。
1）常用属性
①name：窗口名称。
②opener：打开当前窗口的window对象（引用）。
③status：窗口底部状态栏信息。
2）常用子对象
①document：代表给定浏览器窗口中的HTML文档。
②history：包含了用户浏览过的URL信息。
③location：包含关于当前URL的信息。
④navigator：包含Web浏览器的信息。
⑤screen：包含关于客户屏幕和渲染能力的信息。
⑥event：代表事件状态。
4.4常用方法：对话框
1）alert(str)：提示对话框，显示str字符串的内容。
例如：window.alert(“aa”); //window.可省
2）confirm(str)：确认对话框，像是str字符串的内容，按“确定”返回true，其他操作返回false。
3）prompt(str,value)：输入对话框，采用文本框输入信息，str为提示信息，value为初始值，按“确定”返回输入值，其他操作返回undefine，value可省。
例如：function testConfirm(){
var r = window.confirm(“Are you really….”);
alert(r); window.prompt(“请输入ID：”);//因为不能控制它，所以很少用 }
4.5常用方法：窗口的打开和关闭
1）window.open(url)：重复打开。
2）window.open(url,name)：采取命名方式，避免重复打开。
3）window.open(url,name,comfig)：config设置新窗口外观如高和宽。
4）window.close()：关闭窗口。
例如：function testNewWindow(){
var config=”toolbar=no,location=no,width=300,height=200”;
window.open(“http://www.baidu.com“,”a”,config); }
4.6常用方法：周期性定时器
1）setInterval(exp,time)：周期性触发代码exp，返回已经启动的定时器。exp：执行语句，time：时间周期，单位为毫秒。
2）clearInterval(tObj)：停止启动的定时器。tObj：启动的定时器对象。
4.7常用方法：一次性定时器
1）setTimeout(exp,time)：一次性触发代码exp，返回已经启动的定时器。exp：执行语句，time：时间周期，单位为毫秒。
2）clearTimeout(tObj)：停止启动的定时器。tObj：启动的定时器对象。
4.8案例：动态时钟




function showTime(){//显式时间
var t =new Date();//将当前时间显式在一个文本框中
document.getElementById(“txtTime”).value = t.toLocaleTimeString(); }
var timer;//设置全局变量
function startClock(){//启动时钟
timer = window.setInterval(showTime,1000);//有返回值的。 }
function stopClock(){//停止时钟
window.clearInterval(timer); }
var timer1;//设置全局变量
function wait(){//5秒后弹出一个Hello
timer1 = window.setTimeout(“alert(‘Hello’);”,5000);//可以执行合法的文本表达式 }
 注意事项：showTime没有括号，代表每隔一定时间让浏览器去找showTime对象并启动一次；showTime()则为立即启动方法。