1、JavaScript简介
JavaScript是一种基于对象和事件驱动的脚本语言,由ECMAScript+BOM+DOM三部分组成。
ECMAScript是一种语法标准,包括语法、变量和数据类型、运算符、逻辑控制语句、关键字、保留字、对象等内容。编码须遵循ECMAScript标准。
BOM指Brower Object Model(浏览器对象模型),它提供了独立于内容与浏览器窗口进行交互的对象。
DOM指Document Object Model(文档对象模型),是HTML文档对象模型(HTML DOM)定义的一套标准方法,用来访问和操纵HTML文档。
2、JavaScript的三种使用方法
<body>
<!-- 1、行内 -->
<!-- onclick 点击事件,点击触发弹出框显示“我爱js!” -->
<button type="button" onclick="alert('我爱js!')">点我有惊喜!</button>
<!-- 2、内部 -->
<script>
alert('我爱js!') ;
</script>
<!-- 3、外部引入 -->
<script src="./index.js"></script>
</body>
3、JavaScript 变量
变量是用于存放数据的"容器"。我们通过变量名获取数据,并且数据是可修改的。
变量在使用时分为两步:1.声明变量,2.赋值。
一个变量被重新赋值后,它原有的值会被覆盖,变量值将以最后一次赋的值为准。
<script>
// 先声明变量
var name;
// 再赋值 从右到左,把右边给到左边
name = '迪丽热巴';
/* alert() 弹出框 */
alert(name);
/* 同时声明变量并赋值 */
var name = '迪丽热巴';
/* console.log() 在控制台中存储 */
console.log(name);
/* 声明多个变量 */
var name,age,sex;
name = '刘亦菲';
age = 34;
sex = 'female';
/* document.write() 向html文档中输入,"+ '<br>'"换行 */
document.write(name,age,sex);
/* document.write(name + '<br>');
document.write(age + '<br>');
document.write(sex); */
/* 声明多个变量并赋值 */
var name = '刘亦菲',age = 34,sex = 'female';
console.log(name,age,sex);
</script>
ECMAScript5以及之前的版本使用var来声明变量,ECMAScript6新增let来声明变量,使用let声明的变量不能被重复声明。一些老的浏览器只支持var声明的变量(如ie8),谷歌、火狐、ie10等均支持let声明的变量。
变量命名规范
4、JavaScript 数据类型
/* 基本数据类型 */
/* 声明对象但是没有赋值,类型为undefined */
/* let user; */
/* typeof 检测数据类型 */
/* console.log(typeof user); */
/* null表示一个空值,类型为object,与undefined值相等 */
/* var o = null;
console.log(typeof o); *//* 显示类型为object */
/* number 数字型 */
/* var num = 99.9; */ /* 小数也叫浮点数 */
/* console.log(typeof num); */
/* boolean 布尔型,包含两个值 true false */
/* true false 关键字,不能作为变量 */
/* var flag = false;
console.log(typeof flag); */
/* string 字符串型 */ /* 用单引号或双引号包裹 */
// var str = '我爱你中华';