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()则为立即启动方法。
javascript(四)window对象
最新推荐文章于 2024-09-10 06:15:30 发布