目录
详细内容:
0.java script的引入
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--行内js-->
<p id="" class="" style="" onclick="console.log(2);">mjj</p>
<!--内嵌-->
<script type="text/java script">
//js代码
</script>
<script type="text/java script" src="js/index.js"></script>
</body>
</html>
1.第一个java script
1.alert语句
用途:弹出警告框。
<script> alert('你好') </script>
2.注释:
java script对换行,缩进,空格不敏感。
单行注释(ctrl +/)
//我是单行注释
多行注释(ctrl+shift+/)
/* 多行注释1 多行注释2 */
3.console.log('')
控制台输出。
<script> console.log('hello world!'); </script>
4.prompt()语句
弹出能够让用户输入的对话框
<script> prompt('今天天气如何?') </script>
prompt()语句中,用户不管输入什么内容,都是字符串。
alert和prompt的区别
alert('今天天气如何?');//直接使用,不需要变量 var a = prompt("请输入一个数字");//必须用一个变量,来接收用户输入值
2.变量
1.变量的定义
- var是英语“variant”变量的缩写。后面要加一个空格,空格后面的东西就是“变量名”。
- 定义变量:var就是一个关键字,用来定义变量。所谓关键字,就是有特殊功能的小词语。关键字后面一定要有空格隔开。
- 变量的赋值:等号表示赋值,将等号右边的值,赋给左边的变量。
- 变量名:我们可以给变量任意的取名字。
2.变量的写法:
var a = 100;
console.log(a);//输出100
3.变量命名规范:
变量名有命名规范:只能由英语字母、数字、下划线、美元符号$构成,且不能以数字开头,并且不能是java script保留字,如下:
abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile
3.变量的类型
1.数值型:number
<script>
var a= 100;
console.log(typeof a);
</script>
//number
- 通过typeof()表示“获取变量的类型”,语法:typeof 变量
2.字符串型:string
<script>
var a = "abcde";
var c= '1234';
var d = '哈哈';
var e = ''; //空字符串
console.log(typeof a);//string
console.log(typeof c);//string
console.log(typeof d);//string
console.log(typeof e);//string
</script>
3.Boolean布尔值
为JS中的Boolean的值也只有2中:true和false。他们通常被用于在适当的代码之后,测试条件是否成立,比如
3 > 4
。这是个表达式,我们都知道3是不会大于4的,所以返回了false。3>4;//false 4>=3;//true
4.字符串拼接
通过
+
拼接:<script> console.log('我'+"爱"+"吃"+"饭") </script> //我爱吃饭
通过
$
和tab上面键拼接<script> var name = 'jk' , age = 20; var str = `${name}今年是${age}岁数了`; console.log(str); </script> //jk今年是20岁数了
5.数学运算符
java script有一套可用的全功能的数学功能,接下来我们就重点来学习java script中的数学运算吧。
算数运算符
运算符 | 名称 | 作用 | 示例 |
---|---|---|---|
+ |
加法 | 两个数相加。 | 6 + 9 |
- |
减法 | 从左边减去右边的数。 | 20 - 15 |
* |
乘法 | 两个数相乘。 | 3 * 7 |
/ |
除法 | 用右边的数除左边的数 | 10 / 5 |
% |
求余(有时候也叫取模) | 在你将左边的数分成同右边数字相同的若干整数部分后,返回剩下的余数 | 8 % 3 (返回 2,将8分成3份,余下2 。) |
5 + 4 * 3;
num % 8 *num;
运算符优先级
java script中的运算符优先级与数学运算符优先级相同—乘法和除法总是先完成,然后再算加法和减法。
递增和递减运算
- 增量(++)或递减(--)
var x = 3; x++;//相当于x = x + 1
- 常见如下:
运算符 | 名称 | 作用 | 示例 | 等价于 |
---|---|---|---|---|
+= |
递增赋值 | 右边的数值加上左边的变量,然后再返回新的变量。 | x = 3;x += 4; |
x = 3;x = x + 4; |
-= |
递减赋值 | 左边的变量减去右边的数值,然后再返回新的变量。 | x = 6;x -= 3; |
x = 6;x = x - 3; |
*= |
乘法赋值 | 左边的变量乘以右边的数值,然后再返回新的变量。 | x = 2;x *= 3; |
x = 2;x = x * 3; |
/= |
除法赋值 | 左边的变量除以右边的数值,然后再返回新的变量。 | x = 10;x /= 5; |
x = 10;x = x / 5; |
//第一题:
<script>
va