SlideShare uma empresa Scribd logo
1 de 22
客户端 javascript 及浏览器 金融界 UED| 王建军
[object Object],[object Object],[object Object],[object Object]
javascript 概况 ,[object Object],[object Object],[object Object],[object Object],[object Object]
客户端 javascript ,[object Object],[object Object],[object Object],[object Object]
客户端 JavaScript 的特性 ,[object Object],[object Object],[object Object],[object Object]
常用 DOM 模块 ,[object Object],[object Object],[object Object],[object Object]
HTML DOM
文档对象模型 ,[object Object],[object Object],[object Object],[object Object],[object Object]
nodeType 2 Attr 11 DocumentFragment 8 Comment 9 Document 3 Text 1 Element nodeType 值 节点类型
Node 属性和方法 ,[object Object],[object Object]
浏览器 ,[object Object],[object Object],[object Object],[object Object],[object Object]
浏览器对象模型
BOM 对象 ,[object Object],[object Object],[object Object],[object Object],[object Object]
浏览器的工作 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
Layout ,[object Object],[object Object],[object Object]
 
渲染页面过程
页面渲染引擎 ,[object Object],[object Object],[object Object],[object Object]
JavaScript 引擎 ,[object Object],[object Object],[object Object],[object Object],[object Object]
参考 ,[object Object],[object Object],[object Object]
谢谢!

Mais conteúdo relacionado

Semelhante a 客户端Javascript及浏览器

Ajax应用开发最佳实践
Ajax应用开发最佳实践Ajax应用开发最佳实践
Ajax应用开发最佳实践Fu Cheng
 
Nodejs部门分享
Nodejs部门分享Nodejs部门分享
Nodejs部门分享zffl
 
Javascript template & react js 初探
Javascript template & react js 初探Javascript template & react js 初探
Javascript template & react js 初探wantingj
 
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)ziggear
 
HTML & JavaScript
HTML & JavaScriptHTML & JavaScript
HTML & JavaScriptSanji Zhang
 
Node js feat pegasus
Node js feat pegasusNode js feat pegasus
Node js feat pegasuscnfi
 
MobileWebAppFramework_V5_design
MobileWebAppFramework_V5_designMobileWebAppFramework_V5_design
MobileWebAppFramework_V5_designJackson Tian
 
Windows 8 apps dev.整理及分享
Windows 8 apps dev.整理及分享Windows 8 apps dev.整理及分享
Windows 8 apps dev.整理及分享Liyao Chen
 
Real World ASP.NET MVC
Real World ASP.NET MVCReal World ASP.NET MVC
Real World ASP.NET MVCjeffz
 
[2008]网站重构 -who am i
[2008]网站重构 -who am i[2008]网站重构 -who am i
[2008]网站重构 -who am iTwinsen Liang
 
Js高级技巧
Js高级技巧Js高级技巧
Js高级技巧fool2fish
 
面向开发的前端性能优化
面向开发的前端性能优化面向开发的前端性能优化
面向开发的前端性能优化li qiang
 
Javascript training
Javascript trainingJavascript training
Javascript training敏军 李
 
Re Introduce Web Development
Re Introduce Web DevelopmentRe Introduce Web Development
Re Introduce Web Developmentfinian lau
 
电子书项目总结 前端
电子书项目总结 前端电子书项目总结 前端
电子书项目总结 前端jay li
 

Semelhante a 客户端Javascript及浏览器 (20)

Hibernate
HibernateHibernate
Hibernate
 
Ajax应用开发最佳实践
Ajax应用开发最佳实践Ajax应用开发最佳实践
Ajax应用开发最佳实践
 
Nodejs部门分享
Nodejs部门分享Nodejs部门分享
Nodejs部门分享
 
Javascript template & react js 初探
Javascript template & react js 初探Javascript template & react js 初探
Javascript template & react js 初探
 
Ria lqj
Ria lqjRia lqj
Ria lqj
 
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)
 
HTML & JavaScript
HTML & JavaScriptHTML & JavaScript
HTML & JavaScript
 
Node js feat pegasus
Node js feat pegasusNode js feat pegasus
Node js feat pegasus
 
MobileWebAppFramework_V5_design
MobileWebAppFramework_V5_designMobileWebAppFramework_V5_design
MobileWebAppFramework_V5_design
 
Windows 8 apps dev.整理及分享
Windows 8 apps dev.整理及分享Windows 8 apps dev.整理及分享
Windows 8 apps dev.整理及分享
 
J Query Learn
J Query LearnJ Query Learn
J Query Learn
 
Js dom
Js domJs dom
Js dom
 
Real World ASP.NET MVC
Real World ASP.NET MVCReal World ASP.NET MVC
Real World ASP.NET MVC
 
[2008]网站重构 -who am i
[2008]网站重构 -who am i[2008]网站重构 -who am i
[2008]网站重构 -who am i
 
Js高级技巧
Js高级技巧Js高级技巧
Js高级技巧
 
J S教材
J S教材J S教材
J S教材
 
面向开发的前端性能优化
面向开发的前端性能优化面向开发的前端性能优化
面向开发的前端性能优化
 
Javascript training
Javascript trainingJavascript training
Javascript training
 
Re Introduce Web Development
Re Introduce Web DevelopmentRe Introduce Web Development
Re Introduce Web Development
 
电子书项目总结 前端
电子书项目总结 前端电子书项目总结 前端
电子书项目总结 前端
 

客户端Javascript及浏览器

Notas do Editor

  1. 当把一个 JavaScript 解释器嵌入浏览器时,就形成了客户端 Javascript
  2. ECMA 制定 javascript 标准 W3C 指定 DOM 标准, DOM 级别分 1 2 3 IE5.5 以上支持几乎全部的 DOM Level 1 其它浏览器支持全部 DOM 1 ,几乎全部的 DOM 2 和部分的 DOM 3
  3. DOM Core DOM Level 2 核心 规定了访问和更改文档内容及结构的一个 API ,此 API 同时包含用于 XML 的接口。 DOM Level 3 Core 规定了访问和更改文档内容、结构及样式的一个 API 。 DOM Level 2 HTML DOM HTML 规定了操作 HTML 文档结构和内容的 API 。 DOM Level 2 Style DOM Style 规定了动态访问及更改内容样式表的 API 。 DOM Events DOM Level 2 Events 规定了访问文档事件的 API 。 通过增加新的接口和新的事件集, DOM Level 3 Events API 对 Level 2 Event API 的功能进行了扩展。
  4. DOM 树的根节点是个 Document 对象,该对象的 documentElement 属性引用表示文档根元素的 Element 对象 文档( Document )节点除了根元素外还可能有其它子节点,如 Comment 节点
  5. DOM 是表示文档(如 HTML 文档)和访问、操作构成文档的各种元素(如 HTML 标记和文本串)的应用程序接口( API ) 以树形结构表示 HTML 文档(或 XML ),定义了遍历这个树和检查、修改树的节点的方法和属性 The DOM is a programming  API  for documents.