1、JavaScript:
基于对象和事件驱动,运行在浏览器客户端的脚本语言。
js的运行环境基于浏览器的
对象:在程序环境中,任何一个具体的事物都可以称为对象(对象好操作)
事件:在程序中,用户的每一个具体的行为动作都称为事件
2、js的基本组成:
1.语法基础(ECMAScript)
2.DOM :通过js操作网页
3.BOM :浏览器效果
3、js的书写方式:
1.内嵌式:
将js代码嵌入到HTML网页中,通过 在html页面内部设置
该标签可以放到head标签中或者body标签中。
2.外联式:
新建js文件
通过script标签引用到当前页面中
注意:1. 不能将代码写到外联式标签中。 2.一个网页中可以同时调用多个外部js文件
3.行内式:
将js代码写到标签内部
注意:onclick 是一个点击事件: 当点击div的时候,会触发该事件,执行该事件中的代码
4、js的输出书写方式:
alert 在网页中以弹出窗口的形式输出消息
console.log 在浏览器控制台中输出消息。调试错误信息。
document.write 在网页中输出消息,通过js的方式将内容放到body标签中,还可以输出HTML标签。例如:document.write('
我是一个标题标签
') prompt 通过js的方式接受用户输入的消息(获取消息方式)得到的结果是字符串类型。
confirm 通过js的方式获取用户的选中操作(确定 或者 取消)
5、js代码注意事项:
1.在js中是严格区分字母大小写的。
2.如果在网页中要输出汉字或者字母,一定要带引号。
3.一段完整的js代码后面要以 ; 结尾。
4.在程序中凡是遇到特殊符号,必须是英文输入法下的符号。
变量
1、为什么要有变量:
在程序执行过程中,需要将临时数据保存。
2、什么是变量:
变量就是一个容器,用来保存数据的容器。
3、如何使用变量:
1、先定义变量:
方式1. var 自定义变量名;es5中的方式
方式2. let 自定义变量名;es6中的方式
2、给变量赋值:
变量名 = 值;
3、将变量中的值输出:
先执行赋值运算符右侧的代码,然后将右侧的结果赋值给左侧的变量
使用的时候变量不需要带引号
4、变量详解:
1.在定义变量的时候,必须使用 var 或者 let 关键字
2.关于自定义变量名规则注意事项:
变量在定义的时候最好遵守驼峰命名法 /
变量的命名最好具有一定的语义(英文翻译)/
变量的命名不能使用关键字 /
变量的命名不能使用保留字(在当前的js版本中没有特殊含义,但是在其他版本中具有特殊含义)/
变量的命名中间不能出现空格 /
变量的命名不能使用汉字 /
变量的命名不能以数字开头 /
变量的命名不能以特殊符号开头($ 和 _除 外)/
3.给变量赋值注意规则:
= 叫赋值运算符,作用就是用来赋值的,不是用来判断相等的。(‘==’ 或者 ‘===’ 判断相等)/
在赋值运算符前后加一个空格隔开 /
在赋值过程中,如果出现汉字或者字母必须加引号 /
同一个变量在赋值的时候,只能保存一个值,且是最后一次的赋值结果 /
4.变量在使用(输出)规则:
当使用变量的时候,变量不需要加引号(如果是变量则不用加引号)/
如果带有引号,那么不再表示变量了,引号中是什么就输出什么,不再输出变量中的值了 /
var 变量名 = 值;
数据类型
注意:只要有变量,变量就必须有明确的数据类型
一、数据类型介绍:
1.基础数据类型(简单数据类型):
1.1 数字类型(number):
特点:只要变量的值是纯数字且不带引号,这个变量就是数字类型 /
凡是数字都属于该类型【整数,小数,负数】
1.2 字符串类型(string):
特点:只要变量的值带有引号,该变量就是字符串类型 /
注意事项:
一般字符串推荐使用单引号,字符串可以是引号中的任意文本。/
只要有字符串参与数学计算,那么最后的结果都是字符串。/
如果有字符串相加,那么加号不再是数学中的加属性了,此时的加号就是一个简单的链接符号(拼接字符串)
1.3布尔类型(boolean)
特点:只要变量的值是 true 或者 false 中的一个,那么该变量就是布尔类型。
注意事项:true 和 false 就是一个特殊的值 /
true 在程序中表示正确的,条件成立的 /
false 在程序中表示错误的,条件不成立的
1.4 undefined类型(undefined)
特点:如果一个变量没有赋值,该变量的默认是undefined ,如果一个变量的值是undefined,那么该变量的数据类型就是undefined类型。
1.5 null 空对象类型(了解)
特点:null类型被看做空对象指针.只有一个值,即 null 值 / null 空比如一个变量原先有值 可以将变量的值设置为null 代表清空变量容器中的数据 / 作用为了清空对象。
2.复杂数据类型:对象
二、程序中获取数据类型:
通过 typeof(变量)获取当前变量的数据类型
var a = 1; console.log(typeof (a));
三、数据类型转换:
隐式类型转换:程序在计算过程中,转化的数据类型。(程序自己的行为)
强制类型转换(显示类型转换):数据类型的转换是通过程序员的行为实现的。
1.转数字类型:
Number(变量);通过Number( )方法将变量转换为数字类型。
特点:在数据类型转换的过程中,可以将原来的值保留,遇到小数直接保留下来,不会舍去 /
在数据类型转换的过程中,如果遇到非数字的值,则最后的结果为NaN /
NaN (not a number) ----NaN对应的数据类型是数值类型。
parseInt(变量);通过parseInt( )方法将变量转换为数字类型。
特点:只会保留整数部分,通过该方式进行数据类型转换后得到就是一个整数
parseFloat(变量);通过parseFloat( )方法将变量转换为数字类型。
特点:在数据类型转换的过程中,可以将原来的值保留 /
在数据类型转换的过程中,如果遇到非数字的值,则停止转换,直接保留数字部分。
2.转字符串类型:
String(变量);将变量转换为字符串类型。
特点:可以将任何的值转换为字符串类型。
变量.toString( );将变量转换为字符串类型。
特点:只能将支持该方法的值转换为字符串类型。(不支持undefined和null)
3.转布尔类型:
Boolean(变量) ;将变量转换为字符串类型。
注意:当其他数据类型转换为布尔类型后,变量原来的值一定会发生改变,是 true 或者 false 这两个值。
0 |''(空字符串) | null | undefined | NaN 会转换成false 其它都会转换成 true
案例:
var a = prompt('请输入3位数');
a = Number(a);
var bai = parseInt(a / 100);
var shi = parseInt(a % 100 / 10);
var ge = parseInt(a % 10);
console.log('百位是:' + bai + '十位是:' + shi + '个位是:' + ge);
( alert('百位是: ' + bai + '\n' + '十位是: ' + shi + '\n' + '个位是: ' + ge);换行的 )
补充
拼接字符串: 使用 + 将多个值拼接到一块,最少得有一个是字符串
使用 + 将前后的值链接到一块
2.转义字符:
原因:
// 1. 单引号或者双引号具有特殊性
// 2. 单引号或者双引号都是成对出现的
// 解决:
// 1. 可以使用引号的过程中,可以使用单嵌套双,可以双嵌套单
转义字符(\在符号的前面)\n 换行 \ 斜杠\' 单引号\" 双引号\r 回车符