1.什么是JavaScript
1.概述
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
JavaScript是一门世界上最流行的脚本语言。
2.历史
最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合,如服务器端编程。
完整的JavaScript实现包含三个部分:
ECMAScript,文档对象模型,浏览器对象模型
ECMAScript它可以理解为是JavaScript的一个标准,最新版本已经到es6版本,但是大部分浏览器还只停留在支持 es5 代码上!
2.JavaScript快速入门
1.引入JavaScript
- 1.内部标签:在 HTML 中,JavaScript 代码必须位于 标签之间
<script> //......</script>
- 2.外部引入:脚本可放置与外部文件中
abs.js
JavaScript 文件的文件扩展名是 .js
//。。。
test.html
如需使用外部脚本,需在 <script> 标签的 src (source) 属性中设置脚本的名称
<script src="abc.js"></script>
外部 JavaScript 的优势:
- 分离了 HTML 和代码
- 使 HTML 和 JavaScript 更易于阅读和维护
- 已缓存的 JavaScript 文件可加速页面加载
测试代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--script标签内,写Javascript代码-->
<!--<script>-->
<!--alert('hello,world');-->
<!--</script>-->
<!--外部引入-->
<!--注意:script标签必须成对出现-->
<script src="js/yy.js"></script>
<!--不用显示定义type,也默认就是 javascript-->
<script type="text/javascript">
</script>
</head>
<body>
<!--这里也可以存放-->
</body>
</html>
2.基本语法入门
JavaScript严格区分大小写
1. 定义变量 变量类型 变量名 = 变量值;
2. 条件控制 alert(num);
<!--JavaScript严格区分大小写!-->
<script>
// 1. 定义变量 变量类型 变量名 = 变量值;
var score = 71;
// alert(num);
// 2. 条件控制
if (score>60 && score<70){
alert("60~70")
}else if(score>70 && score<80){
alert("70~80")
}else{
alert("other")
}
//console.log(score) 在浏览器的控制台打印变量! System.out.println();
/*
* asdasdasd
* */
</script>
3.数据类型
1.变量
var 王者荣耀 = "荣耀王者";
2.number
123 //整数123
123.1 // 浮点数123.1
1.123e3 //科学计数法
-99 //复数
NaN // not a number
Infinity //表示无限大
3.字符串
’abc‘ “abc”
4.布尔值
true , false
5.逻辑运算
&& 两个都为真,结果为真
|| 一个为真,结果为真
! 真即假,假即真
6.比较运算符
=
== 等于(类型不一样,值一样,也会判断为true)
=== 绝对等于(类型一样,值一样,结果true)
这是一个JS的缺陷,坚持不要使用 == 比较
- NaN===NaN ,这个与所有的数值都不相等,包括自己
- 只能通过 isNaN(NaN) 来判断这个数是否是 NaN
浮点数问题::
console.log((1/3) === (1-2/3))
尽量避免使用浮点数进行运算,存在精度问题!
Math.abs(1/3-(1-2/3))<0.00000001
7.null 和 undefined
- null 空
- undefined 未定义
8.数组:Java的数值必须是相同类型的对象~,JS中不需要这样!
//保证代码的可读性,尽量使用 []
var arr = [1,2,3,4,5,'hello',null,true];
new Array(1,12,3,4,4,5,'hello');
取数组下标:如果越界了,就会undefined
9.对象:对象是大括号,数组是中括号
- 每个属性之间使用逗号隔开,最后一个不需要添加
//Person person = new Person(1,2,3,4,5);
var person = {
name: "yy",
age: 18,
tags: ['js','java','web','...']
}
- 取对象的值
person.name
> "yy"
person.age
> 18
4.严格检查格式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--
前提:IEDA 需要设置支持ES6语法
'use strict'; 严格检查模式,预防JavaScript的随意性导致产生的一些问题
必须写在JavaScript的第一行!
局部变量建议都使用 let 去定义~
-->
<script>
'use strict';
// 全局变量
let i = 1;
// ES6 let
</script>
</head>
<body>
</body>
</html>