初识JavaScript
浏览器本身不会执行js代码,而是通过内置的JavaScript引擎来执行js代码。js引擎执行代码时逐行解释每一句源码,然后右计算机执行,所以JavaScript语言归为脚本语言,会逐行解释执行
js组成
ECMAScript:JavaScript语法
DOM:页面文档对象模型
BOM:浏览器对象模型
1.<!-- 行内式的js,直接写到元素内部 -->
<input type="button" value="唐伯虎" onclick="alert('秋香姐')">
2.<!-- 内嵌式js -->
<script>
alert('沙漠骆驼')
</script>
3.<--外部式js script是双标签-->
<script src="my.js"></script>//引入
js推荐用单引号
js注释
- 单行注释 Ctrl+/
- 多行注释 shift+alt+a
JavaScript输入输出语句
方法 | 说明 | 归属 |
---|---|---|
alert(msg) | 浏览器弹出警示框 | 浏览器 |
console.log(msg) | 浏览器控制台打印输出信息 | 浏览器 |
prompt(info) | 浏览器弹出输入框,用户可以输入 | 浏览器 |
变量
变量概述
本质:变量是程序在内存中申请的一块用来存放数据的空间
变量: num
变量的使用
-
声明变量
//声明变量var是一个js关键字,用来声明变量(variable变量)
var age;//声明一个名称为age的变量
-
赋值
age = 10;
-
输出结果
console.log(age);
变量的初始化
var myname ='pink teacher';
console.log(myname);
输入信息,同时弹出信息
var myname = prompt('请输入名字');
alert(myname);
变量语法扩展
更新变量
一个变量被重新赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准
同时声明多个变量
var age=18,
address='cun',
gz=2000;
多个变量名用逗号隔开
声明变量的特殊情况
情况 | 说明 | 结果 |
---|---|---|
var age;console.log(age) | 只声明,不赋值 | undefined |
console.log(age); | 不声明,不赋值,直接使用 | 报错 |
age=10;console.log(age); | 不声明,只赋值 | 10 |
变量命名规范
- 由字母、数字、下划线、美元组成
- 严格区分大小写
- 不能由数字开头
- 不能是关键字、保留字
- 变量名必须要有意义
- 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写 myFirstName
- 尽量不要用name作为变量名
交换变量案例
交换两个变量
//1我们需要一个临时变量帮助我们
//2 把apple1 给我们的临时变量temp
//3 把apple2 里面的苹果给 apple1
//4 把临时变量里面的值给apple2
var apple1 = '青苹果',
apple2 = '红苹果',
temp;
temp = apple1;
apple1 = apple2;
apple2 = temp;
console.log(apple1);
console.log(apple2);
数据类型
数据类型简介
不同的数据类型所占用的存储空间是不同的,
为了便于把数据分为不同的数据,充分利用存储空间,于是定义了不同的数据类型
JavaScript是一种弱类型或者说动态语言,区别于c语言
变量的数据类型
//var num=10;//这里num 我们不确定属于哪种数据类型
var age=10;//num属于数字型
var areyouok='是的'//这是一个字符串
//js的变量数据类型是只有程序在运行过程中,根据等号右边的值来确定的
根据等号右边的值
JavaScript拥有动态数据类型,同时意味着相同的变量可做不同的数据类型
var x=6;//x为数字
var x='bill';//x为字符串
数据类型的分类
简单数据类型
简单数据类型 | 说明 | 默认值 |
---|---|---|
Number | 数字型,包含整型值和浮点值,如21、0.21 | 0 |
Boolean | 布尔值类型,true、false,等价于1和0 | false |
String |