webapls简介导读:
学习目标:
- 能够说出webapi阶段与javascript语法阶段的关联性
- 能够说出什么是api
- 能够说出什么是web api
学习内容:
- web apis和js基础的 关联性
- api 和 web api
js基础学习为后面做铺垫,web apis是js的应用,大量使用js基础语法做交互效果,
API:是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或者硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。是给程序员提供的一种工具,以便能轻松的实现想要完成的 功能。
Web API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM),现阶段我们主要针对于浏览器讲解常用的API,主要针对浏览器做交互效果,比如我们想要浏览器弹出一个警示框,直接使用alert
DOM:
学习目标:
- 能够说出什么是DOM
- 能够获取页面元素
- 能够给元素注册事件
- 能够操作DOM元素的属性
- 能够创建元素
- 能够操作DOM节点
学习内容:
- DOM简介
- 获取元素
- 事件基础
- 操作元素
- 节点操作
DOM:
文档对象模型,是W3C组织推荐的处理可拓展标记语言(HTML,XML)的标准编程接口。
W3C定义好了一系列的DOM接口,通过这些DOM接口可以改变网页的内容,结构和样式。
DOM树:
- 文档:一个页面就是一个文档,DOM中使用document表示
- 元素:页面重点所有标签都是元素,DOM中使用element表示
- 节点:网页中的所有内容都是节点(标签,属性,文本,注释等),DOM中使用node表示
DOM把以上所有内容都看作是对象
获取元素:
如何获取元素:
- 根据ID获取