JavaScript入门

JavaScript简介

前言

1. JavaScript诞生与1995年。它当时的目的是为了验证表单输入的验证。因为在JavaScript问世之前，表单的验证都是通过服务器端验证的。而当时都是电话拨号上网的年代，服务器验证数据是一件非常痛苦的事情。
2. 经过多年的发展，JavaScript从一个简单的输入验证成为了一门很强大的编程语言。

JavaScript是什么

3. JavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。因为他不需要在一个语言环境下运行，而只需要支持它的浏览器即可。它的主要目的是，验证发往服务器端的数据、增加 Web互动、加强用户体验度等。

2.JavaScript 和 Java 的区别

JavaScript和Java在语法上很类似，但其本质有着根本的区别。Java是一种比JavaScript更加复杂的程序语言，而JavaScript相对于Java来说，则是容易上手得多。
二者完全没有关系，网景（Netscape）公司只是为了借着Java语言比较火的东风，将LiveScript语言更名成为了JavaScript语言。

JavaScript可以做什么

1.网页主要由三部分组成： 结构（ Structure） 、 表现（ Presentation） 和行为（ Behavior）。
2.Web前端开发中，HTML、 CSS、 JavaScript三者的关系：
3.HTML —— 结构层， 决定网页的结构和内容（ “是什么”）；
4.CSS —— 表现层（ 样式） ， 设定网页的表现样式（ “什么样子”）；
5.JavaScript（ JS） —— 行为层， 控制网页的行为（ “做什么”）；
6.JavaScript 的主要目的是，验证发往服务器端的数据、增加 Web互动、加强用户体验度等。例如：菜单、轮播、表单验证等。

了解JavaScript

1995年Netspace(网景)公司开发了JavaScript脚本语言。微软发布了 IE 3.0 并搭载了一个 JavaScript 的克隆版，叫做 JScript。1997 年，JavaScript 1.1 作为一个草案提交给欧洲计算机制造商协会（ECMA）。制定ECMA-262，该标准定义了叫做 ECMAScript 的全新脚本语言。1998 年成立 Mozilla 项目中 Firefox(火狐浏览器)在支持 JavaScript。

JavaScript核心

虽然 JavaScript 和 ECMAScript 通常被人们用来表达相同的含义，但 JavaScript 的含义却比ECMA中规定的要多得多。一个完整的JavaScript应该由下列三个不同的部分组成。
1.核心(ECMAScript)；
2.文档对象模型(DOM)；
3.浏览器对象模型(BOM)。

开发工具

代码编辑器： notepad++, editplus, sublimeText
IDE开发工具： web Storm , HBuilder
浏览器： firefox(火狐浏览器), chrome(谷歌浏览器), opera(欧朋浏览器), IE、Safari等。

JavaScript程序入门

1.Js代码必须位于script标签内部
例如：

<script type="text/javascrpipt">
    alert(hello world);
</script>

script可以出现在html页面的任何位置，习惯于放在head块中。
也可以独立放在html的外部，在html里引用js文件
例如：

<script type="text/javascript" src="js/demo1.js"></script>

1. 语句与符号
   alert（“hello”）；
   以上称为js语句，指的是js发送给浏览器的指令。这些指令的作用就是告诉浏览器该做什么事情。
   3.常见的输出语句
   (1)alert 弹出警告框
   (2)document.write 将内容写入到HTML文档中
   (3）console.log 将内容写入到浏览器的控制台中
   例如：

<script type="text/javascript">
alert('hello world')
document.write('hello world');
console.log('hello world');
</script>

3. 注释
   程序中，为了便于理解，提高可读性，可以写一些给自己或者团队其他成员阅读的内容，但这部分内容不参与执行，称为“注释”。
   HTML
   CSS /* … * /
   JS 单行 // 多行 /…/
   Sublime 注释快捷键 ：
   单行 ctrl + /
   多行 ctrl + shift + /
   例如：

<script type="text/javascript">
//alert('hello world')
/*
document.write('hello world');
console.log('hello world');
*/
//一般在行末或上一行进行行注释
</script>

总结：

js 是一个面向对象语言，也是解析语言；
js 的天然运行环境是浏览器；
js 存在兼容性问题，因为每个浏览器对js的解析程度不同；
js 作用，实现浏览器和用户的交互，以及动态样式的交互。