概述
- JavaScript是一种脚本语言(脚本语言是一种轻量级的编程语言)
- JavaScript是一种解释性语言(执行代码不需要预编译)
- JavaScript是用来实现页面动态效果的
组成
- ECMAScript
- JavaScript的核心,包括基本语法、变量、关键字、保留字、数据类型、语句、函数等
- DOM
- 文档对象模型(整个html页面的内容)
- BOM
- 浏览器对象模型(整个浏览器相关的内容)
基本语法
-
基本语法
- JavaScript区分大小写
-
变量
- 变量是弱类型 var
- 统一使用 var 来进行定义
- 定义变量不要使用关键字和保留字
-
数据类型
JavaScript的数据类型分为原始数据类型和引用数据类型- 原始数据类型
string、number、boolean、null、undefined - 引用数据类型
String、Number、Boolean、Array、Date、Math、RegExp
- 原始数据类型
-
运算符
基本与java一致,只需要注意其等性运算符- == 比较时会自动进行类型转换
- === 比较时不会进行类型转换
-
语句
- 基本和java一致
-
获取元素
document.getElementById("元素id名称"); document.getElementById("元素id名称").value;
-
事件
- onsubmit:表单提交事件
- window.onload = function() {…}:页面加载完成后立即执行的方法
- 注意该方法是在页面加载完成后才执行的方法
-
输出
- 警告框:alert(“输出内容”)
- 向页面指定位置写内容:innerHTML(属性)
- 向页面写内容:document.write(“输出内容”)
引入方式
- 行内引入
行内引入方式必须结合事件来使用,但是内部js和外部js可以不结合事件
<input type=“button” value=“返回上一页面” οnclick=“javascript:history.back()” /> - 内部引入
直接将JavaScript代码写在<script type=“text/javascript”></script>标签内 - 外部引入
将JavaScript代码写在js中,引入html文件<script type=“text/javascript” src="…/js/test.js"></script>