JavaScript学习记录01--基础篇之javascript简介
2016-11-01 11:05
309 查看
第一部分:Javascript百度百科介绍
1、JavaScript由Netscape公司的LiveScript发展而来的,是一种动态类型、弱类型、基于原型的译式客户端脚本语言。广泛用于客户端的脚本语言,用来给HTML网页增加动态功能。(跟Java没有关系)
2、完整的JavaScript实现包含三个部分:核心(ECMAScript),文档对象模型(Document
Object Model,简称DOM),浏览器对象模型(Browser Object
Model,简称BOM)。
注1:DOM分为HTML DOM和XML DOM两种。它们分别定义了访问和操作HTML/XML文档的标准方法,并将对应的文档呈现为带有元素、属性和文本的树结构(节点树):
1)DOM树定义了HTML/XML文档的逻辑结构,给出了一种应用程序访问和处理XML文档的方法。
2)在DOM树中,有一个根节点,所有其他的节点都是根节点的后代。
3) 在应用过程中,基于DOM的HTML/XML分析器将一个HTML/XML文档转换成一棵DOM树,应用程序通过对DOM树的操作,来实现对HTML/XML文档数据的操作。
注2:BOM(Browser
Object Model) 是指浏览器对象模型,提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。
主要功能:
1. 弹出新浏览器窗口的能力;
2. 移动、关闭和更改浏览器窗口大小的能力;
3. 可提供WEB浏览器详细信息的导航对象;
4.可提供浏览器载入页面详细信息的本地对象;
5 .可提供用户屏幕分辨率详细信息的屏幕对象;
6. 支持Cookies;
7. Internet Explorer对BOM进行扩展以包括ActiveX对象类,可以通过JavaScript来实现ActiveX对象。
8.
由于BOM没有相关标准,每个浏览器都有其自己对BOM的实现方式。BOM有窗口对象、导航对象等一些实际上已经默认的标准,但对于这些对象和其它一些对象,每个浏览器都定义了自己的属性和方式。
第二部分:JavaScript简单应用
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JavaScript</title>
</head>
<script type="text/javascript">
alert("JavaScript");
//弹出浏览器窗口
document.write("你好,JavaScript");//javascript 对象, js动态改变文档里面的东西,html没有此功能
</script>
<body>
</body>
</html>
1、JavaScript由Netscape公司的LiveScript发展而来的,是一种动态类型、弱类型、基于原型的译式客户端脚本语言。广泛用于客户端的脚本语言,用来给HTML网页增加动态功能。(跟Java没有关系)
2、完整的JavaScript实现包含三个部分:核心(ECMAScript),文档对象模型(Document
Object Model,简称DOM),浏览器对象模型(Browser Object
Model,简称BOM)。
注1:DOM分为HTML DOM和XML DOM两种。它们分别定义了访问和操作HTML/XML文档的标准方法,并将对应的文档呈现为带有元素、属性和文本的树结构(节点树):
1)DOM树定义了HTML/XML文档的逻辑结构,给出了一种应用程序访问和处理XML文档的方法。
2)在DOM树中,有一个根节点,所有其他的节点都是根节点的后代。
3) 在应用过程中,基于DOM的HTML/XML分析器将一个HTML/XML文档转换成一棵DOM树,应用程序通过对DOM树的操作,来实现对HTML/XML文档数据的操作。
注2:BOM(Browser
Object Model) 是指浏览器对象模型,提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。
主要功能:
1. 弹出新浏览器窗口的能力;
2. 移动、关闭和更改浏览器窗口大小的能力;
3. 可提供WEB浏览器详细信息的导航对象;
4.可提供浏览器载入页面详细信息的本地对象;
5 .可提供用户屏幕分辨率详细信息的屏幕对象;
6. 支持Cookies;
7. Internet Explorer对BOM进行扩展以包括ActiveX对象类,可以通过JavaScript来实现ActiveX对象。
8.
由于BOM没有相关标准,每个浏览器都有其自己对BOM的实现方式。BOM有窗口对象、导航对象等一些实际上已经默认的标准,但对于这些对象和其它一些对象,每个浏览器都定义了自己的属性和方式。
第二部分:JavaScript简单应用
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JavaScript</title>
</head>
<script type="text/javascript">
alert("JavaScript");
//弹出浏览器窗口
document.write("你好,JavaScript");//javascript 对象, js动态改变文档里面的东西,html没有此功能
</script>
<body>
</body>
</html>
相关文章推荐
- JavaScript学习记录02--基础篇之javascript基本语法(一)
- HTML、javascript简介【01】_HTML基础
- 01 html+css+javascript学习简介
- JavaScript(01): JavaScript简介
- 003_01JavaScript之基础简介
- 01JavaScript简介及放置位置
- 01_JavaScript简介
- JavaScript学习01 语言简介、基本使用和变量声明
- 大数据入门-基础篇01-hadoop框架简介
- 01-Version 4.6 of the ArcGIS API for JavaScript简介
- javascript学习系列01(javascript历史)
- JavaScript--01 HTML 上 HTML简介
- JavaScript学习笔记01——简介(李炎恢JavaScript教程)
- JavaScript 01 简介和类型转换
- JavaScript 参考教程——JavaScript简介
- Flapjax 简介:比 JavaScript 更适合现代 Web 编程的语言
- 用javascript实现记录来宾姓名的代码
- JAVASCRIPT分页(读取xml文件中的记录)
- 第五部份 01 深入JavaScript与.NET Framework中的日期时间 JavaScript中的Date类型
- 用JavaScript 记录用户在表单中所作的修改