一.作用：
1.客户端表单验证，减轻服务器端压力
2.制作页面动态特效
二.特点：
1.主要用于向HTML页面中添加交互行为
2.是一种脚本语言
3.一般用来编写客户端脚本
4.是一种解释性语言，边执行边解释
三.结构组成：
1.ECMAScript：是一种开发的、国际上广为接受的、标准的脚本语言规范，它不与任何具体浏览器绑定。
ECMAScript标准主要描述以下内容：
。语法
。变量和数据类型
。运算符
。逻辑控制语句
。关键字、保留字
。对象
2.BOM：即Browser Object Model(浏览器对象模型）的缩写
它提供了可独立于内容与浏览器窗口进行交互的对象，使用浏览器对象模型可以实现与HTML的交互
3.DOM：Document Object Model(文档对象模型）缩写
是HTML文档对象模型（HTML DOM）定义的一套标准方法，用来访问和操纵HTML文档。
四.JavaScript 的基本结构：
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>初学JavaScript</title> </head> <body> <script type="text/javascript"> document.write("<h1>你好</h1>")； </script> </body> </html>
document.write()用来向页面输出可以包含HTML标签的内容
五.JavaScript页面的引用：
1.内部JavaScript文件
2.外部JavaScript文件
3.直接在标签中使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> h2{ font-size: 20px; } </style> </head> <body> <div id="btn"> <h2>javascript</h2> <p>学习</p> </div> <script type="text/javascript" src="js/index2.js"></script> <!--这是行内js--> <p onclick="javascript:alert(‘行内‘);"></p> <!--外部js--> <input name="btn" type="button" value="弹出消息框" onclick="javascript:alert(‘你好 JavaScript ‘)"/> <!--标签js--> <script type="text/javascript"> alert("aaaaaaaaaa"); </script> </body> </html>
六.JavaScript基础语法：
1.变量的声明和赋值：
。JavaScript是一种弱类型语言，没有明确的数据类型。在声明变量时，不需要指定变量的类型，变量类型由赋给变量的值决定。变量使用关键字var声明。
。“合法的变量名”：“合法的变量名”遵循JavaScript变量名规则的变量名，变量名可以由数字、字母、下划线和$符号组成，但首字母不能为数字，且不能用关键字命名
。变量赋值用三种：
a.先声明再变量
b.同时声明和赋值变量
c.不声明直接赋值
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="text/javascript"> //1.声明:告诉计算机,你要给我开辟一块内存空间 var score; // 2.赋值:把10赋值给变量score score=20; //3.使用 +:连接 // document.write("成绩是:"+score); //3.使用 document.write(score+10+"成绩增加10之后是:+<br/>"); //声明,赋值一起写 var width=100; var height=10,num=20,age=18; document.write("身高:"+height+"<br/>"); document.write("数字:"+num+"<br/>"); document.write("年龄:"+age+"<br/>"); var gender=""; document.write("性别:"+gender+"<br/>"); var i,j,k=15; document.write("i:"+i+"<br/>"); </script> </body> </html>
2.数据类型：
原文：https://www.cnblogs.com/Aaron-Feng/p/12022788.html