本来是java程序员,但是工作过程中总是遇到各种js的任务得完成,所以也得慢慢积累啊!

一、浏览器对象模型(Browser Object Model)BOM
    window对象:当前浏览器窗口
        所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

使用window对象的属性:window.xxx,也可以直接xxx调用

例:var element=document.getElementById("intro");

二、文档对象模型(Document Object Model)DOM

  分三个部分:

    • 核心 DOM - 针对任何结构化文档的标准模型
    • XML DOM - 针对 XML 文档的标准模型
    • HTML DOM - 针对 HTML 文档的标准模型

  HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法。我们主要涉及HTML DOM

三、HTML DOM

  1.HTML DOM 标准,HTML 文档中的所有内容都是节点:

  • 整个文档是一个文档节点
  • 每个 HTML 元素是元素节点
  • HTML 元素内的文本是文本节点
  • 每个 HTML 属性是属性节点
  • 注释是注释节点

  所有节点组成DOM树,从根节点html开始,一级级向下。

  既然有树,就有树的所有叫法:父(parent)、子(child)和同胞(sibling)。

  DOM树中所有节点都可以通过js进行获取、修改、添加、删除。

  2.一些常用的 HTML DOM 方法:

    • getElementById(id) - 获取带有指定 id 的节点(元素)
    • appendChild(node) - 插入新的子节点(元素)
    • removeChild(node) - 删除子节点(元素)

   一些常用的 HTML DOM 属性:

    • innerHTML - 节点(元素)的文本值
    • parentNode - 节点(元素)的父节点
    • childNodes - 节点(元素)的子节点
    • attributes - 节点(元素)的属性节点

最新文章

  1. C++快速入门系列教程
  2. java的静态代理和动态代理(jdk、cglib)
  3. apache 一域名下多个二级域名如何做设置?
  4. Direct2D开发:从资源加载位图
  5. Day04_JAVA语言基础第四天
  6. android 动态改变listview的内容
  7. jquery之多重判断
  8. 线程异常:undefined reference to 'pthread_create' 处理
  9. maven The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path错误
  10. html禁止页面滚动
  11. python之生成器与迭代器
  12. Nginx动静分离负载均衡
  13. eleTree树形插件引入
  14. EF实现增删改查
  15. ML.NET 示例:推荐之One Class 矩阵分解
  16. windows ngix 安装 配置 使用
  17. System.Runtime.InteropServices.COMException 检索COM类工厂中CLSID{xxxxxxxxx}的组件时失败解决方法
  18. 飞利浦 PHILIPS 电动牙刷HX6730 拆解
  19. RabbitMQ入门_08_所谓的点对点与发布订阅模型
  20. SVN库迁移整理方法----官方推荐方式

热门文章

  1. 20141104--SQL连接查询,联合查询
  2. (转)Yale CAS + .net Client 实现 SSO(1)
  3. 杭电ACM2097--Sky数
  4. Codevs 2833 奇怪的梦境
  5. ZigBee HA示例程序分析
  6. silverlight 生成二维码
  7. System.Data.OracleClient 需要 Oracle 客户端软件 version 8.1.7 或更高版本
  8. Win7下MongoDB安装
  9. php实现查询百度google收录情况(示例代码)
  10. Session原理简述