Java Script的基础

1、JavaScript简介

JavaScript是一门脚本语言（编程语言）
以及脚本语言的特点：
对比其他类型语言编程速度更快，不需要编译、简单、易学、易用、灵活性高。当然这样的高灵活性也是有牺牲的，它的运行速度相对于其他的语言可能更慢，运行时更消耗资源。
JavaScript被广泛应用于Web应用开发，常用开为网页添加各式各样的动态功能。

为何学习 JavaScript？
web 开发者必学的三种语言：
HTML定义网页的内容（基础框架）
CSS规定网页的布局/样式
JavaScript对网页行为进行编程

JavaScript组成：
JavaScript语法和基本对象
文档对象模型
浏览器对象模型。

2、JavaScript基本用法

①行内JS（放在一个元素标签里面，叫行内样式）
按钮
优点：非常的直观，直接作用于你写的元素
缺点：1、结构分离不清晰(html/csss/js)
2、复用性底
3、不利于后期维护与修改
②内部JS（放在script标签里面，叫内部样式）

优点：1、结构分离更清晰(较行内JS)。2、当前页面可复用 3、利于后期维护和修改
缺点：1、只能当前页面使用，不能多页面复用。2、多页面之间的维护比较麻烦。
③外部JS（放在js文本里面，也就是文件，叫外部样式）

1.3JavaScript-输出
JavaScript 可用以不同方式“显示”数据：
window.alert() 写入警告框
document.write() 写入 HTML 输出
innerHTML 写入 HTML 元素
console.log() 写入浏览器控制台
1.4document.getElementById()方法
语法：document.getElementById("ID ")
翻译：通过ID获取元素。

1.5JavaScript 语句、注释、变量

1.每一句JavaScript代码格式: 语句;
2.JavaScript-注释很重要
注释可分为单行注释与多行注释两种
单行注释，在注释内容前加符号 “//”
多行注释以"/“开始，以”/"结束。
3.变量
变量是可变的量；JavaScript 变量是存储数据值的容器。我们可以把变量看做一个盒子,盒子用来存放物品等。
为了区分盒子，可以用box1,box2等名称代表不同盒子，box1就是盒子的名字（也就是变量的名字）。
注意：变量名字可以任意取，只不过取名字要遵循一些规则:

1. 必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。例如：mysum _mychar, $numa198
2. 变量名区分大小写，如:A与a是两个不同变量。
3. 不允许使用JavaScript关键字和保留字做变量名。
   例如：mysum, _mychar, $numal
   变量声明
   声明变量语法: var 变量名;
   var mysum;一次声明一个变量
   var mysum=12,mynum=“str”;一次声明多个变量
   注意:变量也可以不声明，直接使用，但为了规范，需要先声明，后使用。
   变量赋值
   var mynum=5;//声明变量mynum并赋值
   注:这里 "="号的作用是给变量赋值，不是等于号。
   1.6 document.querySelector()
   定义和用法
   querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。
   注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。
   语法：document.querySelector(CSS selectors)
   参数值
   参数 类型 描述
   CSS 选择器 String 必须。指定一个或多个匹配元素的 CSS 选择器。 可以使用它们的 id, 类, 类型, 属性, 属性值等来选取元素。
   对于多个选择器，使用逗号隔开，返回一个匹配的元素。