html、css、js入门-14-js基础5：JS的window对象

DHTML 简介

   . 操作 HTML 以创造各种动态视觉效果

        --   一种浏览器端的动态网页技术

 
   . DHTML的功能

          动态改变页面元素
          事件响应机制制作动态折叠的树形结构和菜单
          与用户和进行交互等

   . DHTML对象模型包括浏览器对象模型和DOM对象模型

 

DHTML 对象模型

 

 

 

window 对象

   Window 对象表示浏览器中打开的窗口

   常用属性

         document:窗口中显示的 HTML 文档
         history:浏览过窗口的历史记录
         location:窗口文件地址
         name:窗口名称
         opener:打开当前窗口的 window对象   

 

对话框
 
    alert(str)
        提示对话框，显示str字符串的内容

    confirm(str)
        确认对话框，显示str字符串的内容
        按"确定"按钮返回true,其他操作返回false

    prompt(str,value)
 
        输入对话框，采用文本框输入信息
        str为提示信息,value为初始值
        按"确定"按钮返回输入值，其他返回undefined

 

窗口的打开和关闭

    window.open(url,name,config)
        url:打开的超链接
        name:窗口的名称
        config:窗口的配置参数

        返回新窗口对象

    window.close();

 

 

窗口的打开和关闭

     var config ="toolbar=yes,location=no,width=500,height=300";

   //打开窗口

     var openurl = "http://www.google.com";
     var newWin = window.open(openurl,"popwin",config);

     newWin.focus();

 

定时器

    多用于网页动态时钟、制作倒计时、跑马灯效果等

    周期性时钟
     
     一次性时钟

 

 

周期性定时器

      setInterval(exp,time) :周期性触发代码exp
          exp:执行语句
          time:时间周期，单位为毫秒
          返回已经启动的定时器对象

      clearInterval(tID): 停止启动的定时器

          tID: 启动的定时器对象

 

动态时钟

   1.显示当前时间;
   2.启动时钟;
   3.停止时钟。