js 重新学习笔记( 七 ) HTML DOM对象

1,   window 对象 

 

       window 对象表示浏览器打开的窗口, 在Javascript 中window对象作为 全局对象,  要引用当前窗口 不需要特殊的语法 ,  可以直接写document , 而不必写 window.document . 

 

2,   window 对象的属性

 

      可以有各种window的属性 , 比如大小 ,高矮 名字 . 位置 从属啊... 

 

      self , window , status(窗口状态栏的文本)  等. 

 

3,   window 对象的方法 

 

     比如 移动位置 ,修改内容啊 ,调整大小啊 , 弹出一些框呀  ,

 

     setInterval()  , 按指定的周期(毫秒)来调用函数 ,

 

     setTimeout() , 设置一段时间后(毫秒)去执行某个函数 . 

 

     http://www.w3school.com.cn/htmldom/dom_obj_window.asp

 

------

 

4,    HTML   DOM  ( Document  Object Model for HTML ) 下面的对象:　　

 

　 　Document　

 

5,　 anchor  对象  html 每创建一个 <a>  就产生一个 anchor 对象

 

       href   设置连接的URL ,

 

       target  设置连接在何处打开 ,  (_blank 在新窗口打开)

 

       innerHTML  设置连接的现实内容  

 

6,   button  对象

 

      html  每创建一个<button>

 

      disable  控制button按钮是否禁用     

 

7,   form  <form > 对象

 

 

8,   image <image >  对象 

 

9,   input  

 

      Button 对象 : <input  type="button">

 

      Checkbox 对象: <input type="checkbox">

 

      FileUpload 对象: <input type="file">  :  有一个文本输入字段, 还有一个按钮, 用来打开图形界    面选择文件.  

 

      Hidden 对象 :    <input type="hidden"> 代表html中一个隐藏的输入域

 

      Password 对象: <input type="password" >

 

      Radio 对象: <input type="radio">  单选互斥按钮

 

      Reset 对象: <input type="reset">   重置按钮被点击后, 所有的值都变成默认值  为html 的     value 值, 和Javascript 的 defalutValue .

 

      Submit 对象: <input type="submit"> 

 

      Text 对象:     <input type="text">  单行文本输入框

 

  <textarea> 多行文本输入框

 

      Link 对象:     <link>元素   可以定义两个链接文档之间的关系

 

      Select 对象:   <select> options[]

 

      Style 对象 :   可以单独写一篇,这里就不写了

 

      Table 对象:   <table >

  

    cells[]  所有单元格 

 

  rows[]  所有行

 

  cellPadding  单元格内容与单元格边框之间的空白量

 

          cellSpacing   表格中单元格之间的空白量

 

  width   表格的宽度

 

      TableCell  对象:  <td> TableData

   

     TableCell 对象属性 : 

 

                          colspan  改变单元格内的列数

 

      rowspan  改变单元格横跨的行数