JavaScript中常用的Document了解

在我们使用js的时候经常会用到document

  例如:
 document.write("");
 document.getElementById('');
 document.createElement()
 ......

首先理解为什么我们能够通过JavaScript来改变HTML文档的

要改变页面某个东西,JavaScript就需要对HTML文档中所有元素进行访问的入口,这个入口连同对HTML元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型(DOM)来获得的。
 
    那么DOM和document之间是什么关系呢?
      DOM(文档对象模型Document Object Model)是W3C推荐的技术规范,实际上就是以面向对象的方式描述的文档模型。
      Document 是具体的对象,是DOM中的一种对象实现。
 

 

Document对象:

  每个载入浏览器的HTML文档都会成为Document对象
    document对象表示整个Web页面。所有的Web浏览器都实现了这个对象,可以通过它的名称直接使用它
  使用document对象,可以访问或修改用户页面上看到的内容,并根据用户与页面的交互方式进行响应。
  document对象使我们可以从脚本中对HTML页面中的所有元素进行访问
  * Document对象是Window对象的一部分,可通过window.document属性对其进行访问。
 
     JavaScript中常用的Document了解

Document既然是对象那就同样存在属性、方法、

  属性:
    描述了当前WEB页面的特性
    例如: title 标题
    URL http://www.baidu.com
.    .............
 
 
  方法:
    方法的执行与浏览器中当前载入的文档有关的任务
    例如:从一个特定元素中获取信息,或者添加新的内容
    write() :向document中添加新的内容
    getElementById() :使用元素的id属性访问一个元素
    .........
 
  事件:
    可以相应事件,例如:用户鼠标点击或用手指触摸一个元素。
    load : 页面和页面上的元素完成加载时
    click : 用户页面上点击
    ............
 
 
上一篇:linux定时运行命令脚本——crontab


下一篇:完全掌握KMP算法思想