01.JavaScript基本语法
JavaScript简介:JavaScript基本介绍
JavaScript一种在浏览器中解释运行的脚本语言,它的解释器被称为JavaScript引擎,为浏览器的一部分,是广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML(HTML5)网页增加动态功能。在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,管理层希望它外观看起
来像Java,因此取名为JavaScript。
可以实现:用户交互(表单验证)、网页特效(漂浮的广告)、客户端的显示(页面内容,速度快)、网页游戏、地图搜索、股市信息查询、web聊天。。。
JavaScript简介:JavaScript与HTML5的关系
H5狭义上,指HTML的第五个版本;广义上指web前端的所有技术,由于web前端是在H5出现后开始火爆起来,所以,习惯上把web前端也叫H5。web前端开发也叫H5开发。 H5包括 HTML,CSS,JavaScript,等一切前端技术。
JavaScript的组成
JavaScript分别由:ECMAScript,BOM,DOM组成
ECMAScript:是一种由Ecma国际(前身为欧洲计算机制造商协会),定立ECMA-262标准化的脚本程序设计语言。规定了JavaScript 脚本的核心语法,如 数据类型、关键字、保留字、运算符、对象和语句等。
BOM: 定义了 JavaScript操作浏览器的接口,提供了访问某些功能(如浏览器窗口大小、版本信息、浏览历史记录等) 的途径以及操作方法。
DOM: 定义了JavaScript 操作 HTML 文档的接口,提供了访问 HTML 文档(如body、form、div、textarea等)的途径以及操作方法。
JavaScript初识
1、如何在HTML中使用JavaScript
<body>
<script type="text/javascript">//script标签
//第一句javascript代码://注释的消息
alert(“我用来弹出消息框!”) ; //JavaScript代码
//第二句:
document.write(“我会把内容显示在页面上,能够输出任何HTML代码!”); //每个代码结束添加分号
</script>
</body>
</html>
**注意:JavaScript大小写敏感**
JavaScript基础
一、script标签和属性,可以写在HTML任何位置中,可以出现多个script的标签,一般会写在head标签中
<script type="text/javascript">
代码写在这里
</script>
language已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它,所以不要用了。
src 表示要引入的外部文件
type 表示脚本语言的类型
二、使用script标签引入外部JavaScript文件
<script src="h.js" type="text/javascript">这里不能写任何代码</script>
注意:
1、引入文件不可以使用单标
<script src="h.js" type='h.js'>这里不能写任何代码</script>
2、引入文件不可以在标签中写代码
<script src="h.js" type="text/javascript">这里不能写任何代码</script>
三:注释
单行注释 //
多行注释 /* */
文档注释 /** */
四、运行顺序
Javascript和HTML代码在同一个文件中写,它们的执行顺序是从上朝下,谁在前先执行谁。
五、编辑工具和运行环境
编辑工具:写代码的工具 如:dreamweaver,editplus,Notepad++,sublime,vscode,hbuild,webstrom
运行环境:看结果的地方 如:IE,firefox,chrome
JavaScript变量
一、简介
变量用来在计算机中存储和表示数据
二、变量定义(声明):
var age; //var 是关键字,age是变量名
三、赋值:
age = 20; //20是数据 “=”是赋值
四、定义的同时赋值:
var age=20;
五、可以一次定义多个变量:
var myname=“小高同学", age=18,weight=138;
六、使用变量:
alert(myname);
JavaScript的数据类型
1:Undefined类型(未定义)
Undefined类型只有一个值undefined,它是变量未被赋值时的值。
2:Null类型(空)
Null类型也只有一个值null 。Null类型的语义是“一个空的对象引用”,注意和空字符串区别开。
3:Boolean类型(布尔)
布尔有两种取值true和false,表示真或假。非0代表真,0代表假。
4:String类型(字符串)
又叫字符串类型,用双(单)引号括起来的一串字符。
5:Number类型(数字)
包含整数± 9007199254740992 和浮点数±1.7976931348623157 × 10的308次方。
6:Object类型 JavaScript中最为复杂的类型就是Object,它是一系列属性的无序集合。
使用typeof关键字查看变量类型
var age=20;
alert(typeof age);//Number类型
JavaScript变量的命名规则和关键字
一、变量名命名规则
数字、字母以及下划线均可用来组成变量名,但是不以数字开头,而且不能使用关键字及保留字。
二、关键字及保留字
三、变量命名规范
尽量使用有意义的单词作为变量名,
也尽量不要与HTML、CSS中的关键字冲突。
有驼峰命名法和西班牙 命名法(以小写字母b,f,i,s开头表示类型,后接大写开头的有意义的单词)等等
JavaScript的运算符
一、算术(数学)运算符,由算术运算符组成的式子叫算术表达式,结果是数值类型
二、赋值运算符
三、字符串连接符,字符串拼接表达式
+运算符用于把文本值或字符串变量加起来(连接起来)。
例:var str=“hello”;
var str=str+”word”;
结果是 helloword
var str1="小高同学";
var str1=str1+6;
//把数值类型与字符串类型连接,结果会得到字符串类型 结果是 小高同学:6
四、关系运算符,由关系运算符组成的式子叫关系表达式,关系表达式返回的结果是布尔类型
JavaScript变量的类型转换
一、JavaScript是弱类型语言
1)变量声明时不需要指明类型
var age; age=20;
2)变量的类型在使用中可变
age=“年龄:”+age;
注:JavaScript变量的类型由其存放的数据类型确定
二、JavaScript的类型转换
1)隐式(自动)转换,不同的数据类型参与表达式运算过程时将会转换为同一类型进行运算 字符串与数值类型运算的隐式转换规则:
1.字符串加数字,数字就会转成字符串。
2.数字减字符串,字符串转成数字。如果字符串不是纯数字就会转成NaN。字符串减数字也一样。两 个字符串相减也先转成数字。
3.乘,除,大于,小于跟减的转换也是一样。
2)显示(手动)转换
字符串转数值: parseInt()、parseFloat()、Number()
数值转字符串: toString()
注:NaN表示不是数字,但是仍是数值类型, not a number,NaN是Number类型。
三、 Number与parseInt和parseFloat的区别
1) parseInt 和parseFloat 会按顺序一个个转字符串中的字符,直到碰到转不成数字的字符为止,如果第一个字符就转不成数字将返回NaN。
2) parseInt 认为小数点不能转, parseFloat 会转换遇到的第一个小数点。
3)Number对整个字符串进行转换,根据有没有包含一个小数点来确定转换为整数还是浮点,有任意字符不 能转成数字时将返回NaN。