1、JavaScript基本使用

1、1  javascript和java语言没有任何关系。

1、2 初识JavaScript

（1）JavaScript 是什么？

JavaScript原名liveScript, 是一门动态类型，弱类型基于原型的脚本语言

（2）JavaScrpit 的作用

a、页面特效

b、前后交互

c、后台开发（node）

（3）JavaScript 写在哪里？

a、Script 标签里

b、外部的 js 文件内

（4）JS 一些注意事项

a、严格区大小写

b、每一行完整语句后面加分号 

c、变量名不能使用关键字和保留字

d、代码要缩进，保持可读性

1、3  JS 修改元素内容和JS 获取元素

（1）JS 修改元素内容

注意：

1. 首先获取id为xxx的元素document.getElementById(“ ”)。

2. var 是 js 定义变量的关键字。

3. innerHTML 和 innerText 可以修改/获取。

（2）JS 获取元素

a、通过id来进行获取

document.getElementById(“ 标签id名字”); 通过id获取元素

b、通过class来进行获取

document.getElementsByClassName(“标签的class名字”);通过class名字获取元素

c、通过tagName来进行获取

document.getElementsByTagName(“标签的名字”);通过标签名获取元素

d、通过name来进行获取

document.getElementsByName(“name属性所对应的值”);通过 name的属性获取元素，一般用于input标签中。

e、selector

document.querySelector (“”); 通过CSS选择器获取一个元素值

document.querySelectorAll(“”);通过CSS选择器获取所有的元素值

2、JavaScript 简单事件

2、1  JS的基础事件

2、2  事件代码贴图（this）

3、 修改样式

3、1 JS修改样式

（1）修改格式：Obj.style[变量]=变量值 或者 Obj.style.被设置样式的键变量=变量值

（2）实例如下所示：

4、 数据类型

4、1 Js的数据类型

4、2  代码贴图

注意：null类型进行typeof操作符后，结果是object，原因在于，null类型被当做一个空对象引用。

练习：