我们已经学过了html和css,也可以用这些做一些简单的静态页面了
但是我们的重点就是如何让页面"活",这就要运用到我们js了
接下来的一段时间,将会不断更新js的知识,基础很重要,也很零碎,理解性记忆即可
前端学习js基础第一天
一.什么是js
js是一种运行在浏览器的脚本语言
js的历史:作者: 布莱登-艾奇
开发了 LiveScript (表单校验)
改名为javascript( 微软也出了JScript ) ------> 统一成规范 ECMAScript
js的组成:1.ECMAScript,JavaScript的核心
2.DOM
3.BOM
二.js的书写位置
两种书写位置
1.写在script标签里面
2.单独建立一个.js文件,在script标签里面假如src属性,引入,js文件
三.js的两种注释
1.单行注释
//注释一行,快捷键,ctrl+/
2.多行注释
/*注释多行*/,快捷键,shift+alt+a
四.js的输出方式
1.警告框alert
2.确认框,confirm
3.输入框,prompt
4.书写在页面,document.write();
5.控制台显示,console.log();f12快捷键可以看到控制台
五.变量
1.认识变量,用于存储数据
先声明后赋值(这是规范,其他虽然也可以,但是不符合规范)
1.先声明后赋值,var str;str=1;
2.直接声明并赋值,var str=1;
3.不声明直接赋值,str=1;也可以,但是不符合规范
4.只声明不赋值,var str;console.log(str);也可以,但是会显示undefined
5.不声明也不赋值,报错.
6.声明多个,var str=1,str2=3;用逗号隔开,相当于var str=1;var str=2;不推荐使用
2.规则和规范
规则,必须遵守,不遵守会报错
变量命名以,字母,数字,下划线,$字符组成,首位不能为数字
不能以有意义的单词来定义,
区分大小写
规范,尽量遵守,不会报错
变量的命名要有意义,
遵循驼峰命名,比如,myName
数值的交换
六.js的数据类型
1.number-数字类型
整数,包括,十进制,八进制,十六进制,默认为十进制
小数,1.68等
科学计数法,var str=5e5;表示str等于5乘以10的5次方
var str=3e-5;表示str等于3乘以10的负5次方
数值范围
最大的能表示的正数 Number.MAX_VALUE
正无穷 Infinity
最小的能表示的正数 Number.MIN_VALUE
比最小的还小的正数 最终变成 0
2.字符串型
用单引号或者双引号包裹
引用时,如果字符串本身有单引号或者双引号时,可以用转义字符
转义字符:
\'单引号
\"双引号
\n换行
长度的属性,有一个str.length,可以统计出字符串里面的个数
加法拼接,用加法的时候,如果有字符串,就是拼接,如果都是数字就是数字相加;
k3.布尔类型
只有两个取值,true和false
true表示真,console.log(1<2);
false表示假,console.log(1>2);
4.undefined
表示没有赋值的变量
5.unll
表示空的对象