JavaScript学习笔记——JavaScript简介（HTML、CSS与JavaScript）

JavaScript的使用场景

Javascript是一种脚本语言

1.最常见的JavaScript运行环境是浏览器

JavaScript是一款纯正的Web编程语言，用于给网页添加行为，从而实现能够与用户交互的网页

浏览器会创建HTML页面的对象模型，可供JavaScript使用（后面将详细介绍）

2.JavaScript也能被嵌入（除浏览器外的）其他环境中

JavaScript作为一种通用的脚本语言，还可以用于在PhotoShop、OpenOffice、Google Apps等应用程序中编写脚本，甚至用于服务器端编程

在浏览器中运行JavaScript

浏览器在网页中遇到JavaScript代码后就开始执行它们
在浏览器中运行JavaScript，能够马上看到结果

ps. 但要注意不同浏览器在解释JavaScript方面有细微的差别，同样的代码在不同浏览器中运行结果可能不同。

JavaScript比典型的编程语言灵活多变（无需编译、链接和部署），直接在网页中编写JavaScript代码，再在浏览器中加载网页，浏览器就会执行代码

问：JavaScript与典型的编程语言的区别？

答：使用C、C++或Java等传统编程语言时，执行代码前必须进行编译。编译是将代码转换为适合计算机的表示方式，通常可改善运行阶段性能。
脚本语言通常是解释型的，这意味着浏览器执行它遇到的每行JavaScript代码。脚本语言不那么看重运行阶段性能，而更强调灵活性，因此更适合用于完成原型开发和交互式编码等任务。JavaScript最初是解释型的，因此多年来其性能始终不那么高。
然而，还有一条中间路线，即可对解释型语言进行即时编译，这正是现代浏览器对JavaScript采取的做法。事实上，现在使用JavaScript既可获得脚本语言的便利性，又可享受编译型语言的性能。

Javascript虽然被视为脚本语言，但性能几乎能于编译型语言媲美

问：JavaScript与Java有关系吗？

答：除名字外毫无关系。JavaScript推出时，Java已经是炙手可热的流行语言，为搭上Java这辆顺风车，JavaScript的发明者在其名称中包含了Java。这两种语言都借鉴了C等编程语言的一些语法，但除此之外，它们有天壤之别。

JavaScript在网页生态系统中的地位

• 超文本标记语言HTML（Hypertext Markup Language）：用于指定网页的内容和结构（如段落、标题和区块）。
• 层叠样式表CSS（Casacading Style Sheets）：用于指定网页的外观和样式（如网页布局、边框、边距、字体、颜色等），这是以独立于网页结构的方式实现的。
• JavaScript：用于在网页中添加行为，实现在网页中编程，从而实现计算、响应、提醒、更新、修改等动态功能。

HTML、CSS与JavaScript的不同之处

使用HTML和CSS，所做的主要工作都是声明型的，例如指出一些文本为段落，或指出属于sale类的元素都为红色。
使用JavaScript时，则要给网页添加行为，为此需要对计算进行描述。你需要描述类似于下面的事情：用户单击按钮时，播放一段声音。

HTML通过对文本进行标记（给文本添加元素、特性和值），以指定其结构

<h1 class="drink">Mocha Caffe Latte</h1>//一种饮料的标题
<p>Espresso, steamed milk and 
syrup, just the way you like it.</p>//一个段落

CSS通过编写一系列规则，指定网页中的元素及其样式
下面的h1.drink、p称为选择器，选择器指定要将样式应用于HTML的哪些部分

h1.drink{
	color: broen;//所有饮料的标题显示为棕色
}
p{
	font-family: sans-serif;//所有段落使用sans-serif字体
}

JavaScript通过编写语句，给网页添加行为

var age = 25;
if (age > 14){
	alert("Sorry this page is for kids only!");
}

访问网页时，发生了哪些事？

1. 创建网页：使用HTML指定内容，使用CSS指定样式，同时在网页中添加JavaScript代码。
   ps. CSS和JavaScript既可以放在网页中，也可将其放在独立的文件中，并在网页中包含该文件
2. 输入网址，浏览器加载网页：浏览器遇到JavaScript代码后，将立即对其分析。与当浏览器发现JavaScript、HTML和CSS存在错误时，仍会尽力继续读取后面的内容，尽可能避免无法向用户显示网页的情况发生。
3. 浏览器会立即执行在网页中遇到的JavaScript代码，并在网页的整个生命周期内不断的执行。