了解JavaScript
起源:
网景(Netscape) ,1994年 推出了一款商用浏览器,网景浏览器(Netscape Navigator)
1995年,网景公司决定在浏览器中加入一门语言,可以用作交互效果,提高用户体验
1992年 Nombas C-- SciptEase 可以嵌入到网页中,第一个在网页终端运行的语言
1996年 Brendan Eich花费了 10天左右的时间 创造了这个新语言LiveScript 也就是后来的—— JavaScript
JavaScript属性解释型语言(弱类型语言):
解释型语言没有编译结果
优点:跨平台、部署简单
缺点:执行速度稍慢
弱类型:存放的数据类型可变,优点:灵活、易上手;缺点:不严谨
JavaScript属于单线程
同步现象:上一件事情没做完,下一件事情必须等待配合异步:提高单线程的执行效率。
JavaScript的完整语言组成:
- 核心语法(ECMAscript)
- 文档对象模型 (DOM Docuemtn Object Model) :让js有能力去操作html元素
- 浏览器对象模型(BOM Browser Object MOdel):让js有能力与浏览器对话
JavaScript的引用方式
1.行内引入:
<开始标签 on+事件类型=“js代码”></结束标签>
行内引入方式必须结合事件来使用,但是内部js和外部js可以不结合事件
<input type="button" οnclick="alert('行内引入')" value="button" name="button">
<button οnclick="alert(123)">点击我</button>
2、内部引入:
在head或body中,定义script标签,然后在script标签里面写js代码
Js代码
<script>
alert("这是js的内部引入");
</script>
3、外部引入:
定义外部js文件(.js结尾的文件)
<scripttype="text/javascript" src="demo.js"></script>
注:
- script标签一般定义在head或body中
- Script标签要单独使用,要么引入外部js,要么定义内部js,不要混搭使用
外部的JS文件,它具有维护性高、可缓存(加载一次,无需加载)、方便未来扩展、复用性高等特点
新建外部的js文件demo.js文件
alert(“外部引入”)
在head或者body中,添加以下代码
<script type="text/javascript" src="js/demo.js"></script>
在我们书写代码的时候要注意代码分离:
内容,样式,功能,三者分离。更好的维护和方便自己阅读
JavaScript基本语法
语法部分必须都是英文符号
js代码有多条语句构成,每个语句用英文分号结束
js代码从上到下同步执行
js语言大小写敏感
JavaScript语句由:表达式、关键字、运算符组成 大小写敏感
变量
变量是什么?
存放数据
后期会使用的数据
变量储存在什么地方?
在内存中的一段存储空间。目的是为了临时保存数据
例:
x=5
y=6
z=x+y
在代数中,我们使用字母(比如 x)来保存值(比如 5)。
通过上面的表达式 z=x+y,我们能够计算出 z 的值为 11。
变量存储的内容中是可以分类的
**注意:**在声明变量时可以省略var,但是如果省略了var,那么就成了“全局变量”,不推荐!
变量的声明:
1.申请一段空间保存数据
2.给这个空间取个别名
在 JavaScript 中,这些字母被称为变量。同时也可以使用变量来做简单的运算,使用的是=和+这类的运算符。
在JavaScript中=属于赋值符
所有变量的声明,会自动提升到代码(当前作用域)的最顶部
变量命名规范
JavaScript 变量可用于存放值(比如 x=5)和表达式(比如 z=x+y)。
变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。
1.变量必须以字母开头
2.变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
3.变量名称对大小写敏感(y 和 Y 是不同的变量)
JavaScript语句和JavaScript变量都对大小写敏感
一条语句多个变量
我们可以在一条语句中声明很多变量。该语句以var开头,并使用盗号隔开即可:
var sun = "Sun",box = "Box",arr="Arr";
一条语句声明多个不可以赋同一个值
var x,y,z = 1;
此时得出来的结果x,y为undefined,z为1