脚本语言
一、JS的作用:
- 表单校验
- 网页特效
- 服务端开发
- 桌面程序
- APP
- 控制硬件-物联网
- 游戏开发
二、浏览器分为两部分:渲染引擎和js引擎
三、js书写位置
<input type="button" value="唐伯虎" onclick="alert('秋香姐')">
<script>
alert('沙漠骆驼');
</script>
<script src="my.js"></script>
四、多行注释 快捷键 shift+alt+a
五、输出输入语句
//输入框
prompt('请输入你的年龄');
//弹出警示框
alert('沙漠骆驼');
//console 控制台输出
console.log('chengxuyuan');
六、变量
本质:变量是程序在内存中申请的一个存放数据的空间
1)声明变量与赋值
//声明
var age;
//赋值
age=10;
2)初始化
var myname='xixi';
var address='china';
console.log(myname);
console.log(address);
var age=10;
name='dd';
address='china';
3)变量命名
七、数据类型
JavaScript是一种弱类型或者说动态语言。
//js的便力量数据类型是只有在程序运行过程中,根据等号右边的值的数据类型判断的。
//3.数字值的最大值
console.log(Number.MAX_VALUE);
//4.数字值的最小值
console.log(Number.MIN_VALUE);
//5.无极大
console.log(Number.Max_VALUE*2);
//6.无穷小
console.log(-Number.MAX_VALUE*2);
//7.非数字
console.log('pink老师'-100);
//8.isNaN()用来判断非数字 并且返回一个值, 如果时数字返回的时false
console.log(isNaN(12));//false//验证用户输入
//9.外单内双或外双内单
var str='我是一个"高富帅"的程序员';
var str="我是一个'高富帅'的程序员";
console.log(str.length);//13
1)字符串
只要有字符串和其他类型拼接,最后结果是字符串类型。
//1.长度
var str="我是一个'高富帅'的程序员";
console.log(str.length);//13
//2.字符串的拼接
console.log('沙漠'+'luotuo');
console.log('pink'+18);
var age=18;
console.log('pink老师'+age+'岁');
2)boolean
3)undefined
声明变量未赋值
var variable =undefined;
console.log(variable+'pink');//undefinedpink
console.log(variable+1);//NaN
4)null
var space=null;
console.log(space+'pink');//nullpink
console.log(space+1);//1
5)获取数据类型
var num=10;
console.log(typeof num);//number
var str='ping';
console.log(typeof str);//string
var timer =null;
console.log(typeof timer);//object
//prompt取过来的值时字符型的
var age=prompt('请输入你的年龄');
console.log(age);
console.log(typeof age);//string
6)数据类型转化
1.转换为字符串
//变量.tostring()
var num=10;
var str=num.toString();
//利用String(变量)
console.log(String (num));
//3.利用+拼接,隐式转换
console.log(num+'');
2.转换为数字型
//1.parseInt()
console.log(parseInt('3.14'));//3 取整
console.log(parseInt('120px'));//120 会去掉单位
console.log(paseInt('rem120px'));//NaN
//2.parsefloat() 可以吧字符型的转换为数字型 得到是小数
console.log(parseFloat('3.14'));//3.14
console.log(parseFloat('120px'));//120 会去掉单位
console.log(paseFloat('rem120px'));//NaN
//3.利用Number(变量)
var str='123';
console.log(Number(str));
console.log('12');
//4.利用算术运算+-*/ 隐式转换
console.log('12'-0);//12 数字
console.log('123'-'120');//3 数字
3.转换为bool型