Skip to content

Commit ca712da

Browse files
author
DongLinjing
committed
first commit
0 parents  commit ca712da

File tree

95 files changed

+2360
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

95 files changed

+2360
-0
lines changed

.idea/JS基础学习.iml

+8
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

.idea/misc.xml

+6
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

.idea/modules.xml

+8
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

.idea/workspace.xml

+63
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

01-变量/01-JS初体验.html

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<html lang = "en">
3+
<head>
4+
<meta charset = "UTF-8">
5+
<title>Title</title>
6+
<!-- <script src="my.js"></script>-->
7+
<script>
8+
//这是一个输入框
9+
prompt('请输入您的年龄');
10+
//alert 弹出警示框,输出的展示给用户
11+
alert('计算的结果是:');
12+
//console 控制台输出,给程序员看的
13+
console.log('你好')
14+
</script>
15+
</head>
16+
<body>
17+
<!--<input type = "button" value="唐伯虎" onclick="alert('秋香')">-->
18+
</body>
19+
</html>

01-变量/05-变量.html

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE html>
2+
<html lang = "en">
3+
<head>
4+
<meta charset = "UTF-8">
5+
<title>Title</title>
6+
<script>
7+
//1.声明了一个age的变量
8+
var age;
9+
//2.赋值
10+
age = 10;
11+
//3.输出结果
12+
console.log(age);
13+
//4.变量的初始化
14+
myname = 'pink'
15+
console.log(myname);
16+
</script>
17+
</head>
18+
<body>
19+
20+
</body>
21+
</html>

01-变量/06-变量案例.html

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<html lang = "en">
3+
<head>
4+
<meta charset = "UTF-8">
5+
<title>Title</title>
6+
<script>
7+
var myname = 'pink';
8+
var address = '火影村';
9+
var age = 30;
10+
var email = 'pink@123';
11+
var gz = 2000;
12+
console.log(myname);
13+
console.log(address);
14+
console.log(age);
15+
console.log(email);
16+
console.log(gz);
17+
</script>
18+
</head>
19+
<body>
20+
21+
</body>
22+
</html>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!DOCTYPE html>
2+
<html lang = "en">
3+
<head>
4+
<meta charset = "UTF-8">
5+
<title>Title</title>
6+
<script>
7+
//案例:
8+
// 1.弹出一个输入框,提示用户输入姓名
9+
// 2.弹出一个对话框,输出用户刚才输入的姓名
10+
11+
//1.用户输入姓名,存储到一个myname的变量里面
12+
var myname = prompt('请输入您的名字');
13+
//2.输出这个用户名
14+
alert(myname);
15+
</script>
16+
</head>
17+
<body>
18+
19+
</body>
20+
</html>
+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE html>
2+
<html lang = "en">
3+
<head>
4+
<meta charset = "UTF-8">
5+
<title>Title</title>
6+
<script>
7+
var myname = 'pink';
8+
console.log(myname);
9+
myname = 'linjing';
10+
console.log(myname);
11+
12+
var age = 10, name='zs', sex = 2;
13+
</script>
14+
</head>
15+
<body>
16+
17+
</body>
18+
</html>

01-变量/09-变量的交换.html

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<!DOCTYPE html>
2+
<html lang = "en">
3+
<head>
4+
<meta charset = "UTF-8">
5+
<title>Title</title>
6+
<script>
7+
var a = 1;
8+
var b = 2;
9+
var temp;
10+
temp = a;
11+
a = b;
12+
b = temp;
13+
console.log(a);
14+
console.log(b);
15+
</script>
16+
</head>
17+
<body>
18+
19+
</body>
20+
</html>

01-变量/12-数字型.html

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang = "en">
3+
<head>
4+
<meta charset = "UTF-8">
5+
<title>Title</title>
6+
<script>
7+
//数字型的最大值
8+
console.log(Number.MAX_VALUE);
9+
//数字型的最小值
10+
console.log(Number.MIN_VALUE);
11+
</script>
12+
</head>
13+
<body>
14+
15+
</body>
16+
</html>
+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html lang = "en">
3+
<head>
4+
<meta charset = "UTF-8">
5+
<title>Title</title>
6+
<script>
7+
alert('酷热难耐,火辣的太阳底下,我挺拔的身姿,成为了最为独特的风景。\n' +
8+
'我审视四周,这里,是我的舞台,我就是天地间的王者。\n这一刻,我豪气冲天,终于大喊一声:"收破烂啦~"')
9+
</script>
10+
</head>
11+
<body>
12+
13+
</body>
14+
</html>

01-变量/16-字符串拼接.html

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<html lang = "en">
3+
<head>
4+
<meta charset = "UTF-8">
5+
<title>Title</title>
6+
<script>
7+
//1.检测获取字符串的长度length,只要字符串与其他类型相加,结果都是字符串类型
8+
var str = 'my name is andy';
9+
console.log(str.length);
10+
11+
//2.字符串的拼接 +
12+
console.log('沙漠' + '骆驼');
13+
14+
//3.字符串拼接的加强 ’引引加加‘
15+
var age = 19;
16+
console.log(age);
17+
</script>
18+
</head>
19+
<body>
20+
21+
</body>
22+
</html>

01-变量/18-显示年龄案例.html

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html lang = "en">
3+
<head>
4+
<meta charset = "UTF-8">
5+
<title>Title</title>
6+
<script>
7+
var age = prompt("您今年几岁了");
8+
alert("您今年" + age + "岁啦")
9+
</script>
10+
</head>
11+
<body>
12+
13+
</body>
14+
</html>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang = "en">
3+
<head>
4+
<meta charset = "UTF-8">
5+
<title>Title</title>
6+
<script>
7+
var num = 1;
8+
console.log(typeof num);
9+
var timer = null;
10+
console.log(timer);
11+
</script>
12+
</head>
13+
<body>
14+
15+
</body>
16+
</html>

01-变量/24-计算年龄案例.html

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html lang = "en">
3+
<head>
4+
<meta charset = "UTF-8">
5+
<title>Title</title>
6+
<script>
7+
var year = prompt("请输入你的出生年份");
8+
var age = 2020 - Number(year); //year取过来的是字符串型,但是这里用的是减法,有隐式转换
9+
alert(age)
10+
</script>
11+
</head>
12+
<body>
13+
14+
</body>
15+
</html>

01-变量/25-简单加法器.html

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html lang = "en">
3+
<head>
4+
<meta charset = "UTF-8">
5+
<title>Title</title>
6+
<script>
7+
var num1 = prompt("请输入第一个值");
8+
var num2 = prompt("请输入第二个值");
9+
alert(Number(num1) + Number(num2));
10+
</script>
11+
</head>
12+
<body>
13+
14+
</body>
15+
</html>

01-变量/my.js

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
alert('nihao')
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<html lang = "en">
3+
<head>
4+
<meta charset = "UTF-8">
5+
<title>Title</title>
6+
<script>
7+
var name = prompt("请输入您的姓名");
8+
var age = prompt("请输入您的年龄");
9+
var gender = prompt("请输入您的性别");
10+
alert("您的姓名是:" + name + ";\n"+
11+
"您的年龄是:" + age + ";\n" +
12+
"您的性别是:" + gender + ";\n"
13+
);
14+
</script>
15+
</head>
16+
<body>
17+
18+
</body>
19+
</html>

02-运算符/01-算数运算符.html

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<html lang = "en">
3+
<head>
4+
<meta charset = "UTF-8">
5+
<title>Title</title>
6+
<script>
7+
console.log(1 + 1); //2
8+
console.log(1 - 1); //0
9+
console.log(1 * 1); //1
10+
11+
//1.%取余
12+
console.log(4 % 2); //0
13+
console.log(5 % 3); //2
14+
console.log(3 % 5); //3
15+
//2.浮点数 算数运算里面会有问题
16+
console.log(0.1 + 0.2); //
17+
console.log(0.07 * 100) // 7.000000000000001
18+
</script>
19+
</head>
20+
<body>
21+
22+
</body>
23+
</html>

0 commit comments

Comments
 (0)