JavaScript+css+html随堂笔记

JavaScript

1、什么是JavaScript，有什么用？
JavaScript是运行在浏览器上的脚本语言。简称JS。
JavaScript是网景公司（NetScape）的布兰登艾奇（JavaScript之父）开发的，最初叫做LiveScript。
LiveScript的出现让浏览器更加的生动了，不再是单纯的静态页面了。页面更具有交互性。
在历史的某个阶段，SUN公司和网景公司他们之间有合作关系，SUN公司把LiveScript的名字修改为JavaScript。
JavaScript这个名字中虽然带有“Java”但是和Java没有任何关系，只是语法上优点类似。他们运行的位置不同，
Java运行在JVM当中，JavaScript运行在浏览器的内存当中。

JavaScript程序不需要我们程序员手动编译，编写完源代码之后，浏览器直接打开解释执行。
JavaScript的“目标程序”以普通文本形式保存，这种语言都叫做“脚本语言”。

Java的目标程序已.class形式存在，不能使用文本编辑器打开，不是脚本语言。

网景公司1998年被美国在线收购。

网景公司最著名的就是领航者浏览器：Navigator浏览器。

LiveScript的出现，最初的时候是为Navigator浏览器量身定制一门语言，不支持其他浏览器。

当Navigator浏览器使用非常广泛的时候，微软害怕了，于是微软在最短的时间内组建了一个团队，
开始研发只支持IE浏览器的脚本语言，叫做JScript。

JavaScript和JScript并存的年代，程序员是很痛苦的，因为程序员要写两套程序。
在这种情况下，有一个非营利性组织站出来了，叫做ECMA组织（欧洲计算机协会）
ECMA根据JavaScript制定了ECMA-262号标准，叫做ECMA-Script。

现代的javascript和jscript都实现了ECMA-Script规范。（javascript和jscript统一了。）

以后大家会学习一个叫做JSP的技术，JSP和JS有啥区别？
	JSP : JavaServer Pages（隶属于Java语言的，运行在JVM当中）
	JS : JavaScript（运行在浏览器上。）

2、在HTML中怎么嵌入JavaScript代码？
三种方式。

CSS

1、什么是CSS，有什么作用？
CSS(Cascading Style Sheet):层叠样式表语言。
CSS的作用是：
修饰HTML页面，设置HTML页面中的某些元素的样式，让HTML页面更好看。
CSS好比是HTML的化妆品一样。
HTML还是主体，CSS依赖HTML。CSS的存在就是修饰HTML，所以新建的文件还是xx.html文件。

2、CSS我们要求掌握到什么程度？
* 常见的CSS样式要求会写。
* 别人写的CSS样式要能看懂。

3、在HTML页面中嵌套使用CSS的三种方式：

第一种方式：在标签内部使用style属性来设置元素的CSS样式，这种方式称为内联定义方式。
	语法格式：
		<标签 style="样式名:样式值;样式名:样式值;样式名:样式值;..."></标签>
	
第二种方式：在head标签中使用style块，这种方式被称为样式块方式。
	语法格式：
		<head>
			<style type="text/css">
				选择器 {
					样式名 : 样式值;
					样式名 : 样式值;
					.....
				}
				选择器 {
					样式名 : 样式值;
					样式名 : 样式值;
					.....
				}
			</style>
		</head>

第三种方式：链入外部样式表文件，这种方式最常用。（将样式写到一个独立的xxx.css文件当中，在需要的网页上
直接引入css文件，样式就引入了）
	语法格式：
		<link type="text/css" rel="stylesheet" href="css文件的路径" />
	
	这种方式易维护，维护成本较低。
		xxx.css文件
			1.html中引入了
			2.html中引入了
			3.html中引入了
			4.html中引入了

HTML

1、系统结构：

B/S架构：（以后主要走的方向是这个。）
	Browser / Server      （浏览器/服务器的交互形式。）

	Browser支持哪些语言：HTML CSS JavaScript

	写HTML CSS JavaScript代码的这波人职位叫做：WEB前端开发工程师。（Java程序员目前来看也需要会一些前端的东西。）
	前端页面上的图片需要UI设计师完成。（PS对java程序员来说没有太高的要求。）
	S是服务器端Server，Server端的语言很多：C C++ Java python.....（我们主要是使用Java语言完成服务器端的开发）

	B/S架构的系统有什么优点和缺点？
		优点：升级方便，只升级服务器端代码即可。维护成本低。
		缺点：速度慢、体验不好、界面不炫酷
	
	企业内部的解决方案都是采用B/S架构的系统，因为企业内部办公需要的一些系统
	不需要炫酷，不需要特别好的用户体验，只要能做数据的增删改查即可。并且企业
	内部更注重维护的成本。

	B/S架构的系统有哪些代表？
		京东
		百度
		天猫
		....

C/S架构
	Client / Server     （客户端/服务器端的交互形式。）

	缺点：升级麻烦，维护成本较高。
	优点：速度快，体验好，界面炫酷。（娱乐型的系统多数是C/S架构的。）

	常见的C/S架构的系统：
		QQ
		微信
		支付宝
		....

2、什么是HTML？怎么开发HTML？怎么运行HTML？

* HTML: Hyper Text Markup Language （超文本标记语言）
	由大量的标签组成，每一个标签都有开始标签和结束标签。
	<标签>
		<标签>
			<标签 属性名="属性值" 属性名="属性值">
			</标签>
		</标签>
	</标签>

	超文本: 流媒体、图片、声音、视频....

* HTML开发的时候使用普通的文本编辑器就行，创建的文件扩展名是.html或者.htm
HTML也有专业的开发工具，例如：DreamWeaver、HBuilder.....

* 直接采用浏览器打开HTML文件就是运行。

3、HTML是谁制定的？
W3C：世界万维网联盟
W3C制定了HTML的规范，每个浏览器生产厂家都会遵守规范。HTML程序员也会按照这个规范去写代码。
HTML规范目前最高的版本是：HTML5.0，简称H5.
我们这里学习HTML4.0（主要是学习一下HTML的基础用法。）

W3C制定了很多规范：
	HTML/XML/http协议/https协议......

为了方便中国web前端程序员的开发，提供大量的帮助文档。为开发提供方便。
	w3school:先出现的，和W3C没有关系
	w3cschool：后出现的，和W3C没有关系

BOM和DOM的关系