JavaScript基础①[JavaScript]

JavaScript是干什么的？

1. JavaScript是干什么的？

  • HTML是基本的网页（文字，图片，视频）

  • CSS是通过布局和样式让网页更加美观

  • JavaScript是给网页添加动画和一些其他的交互事件，让网页变得更加活泼。

JavaScript跟编程语言差不多，不过它不是编程语言，它是脚本语言，它的运行不需要编译，直接由解释器解释执行。它也有变量，函数。

1.1 JavaScript可以完成的效果

  • 数据校验（输入的密码，年龄，用户名是否符合要求）

  • 图片轮播

  • 广告弹框

1.2 JavaScript的特点

  1. 语法相对来说比较简单（弱类型的变量类型）
  2. 跨平台（JavaScript脚本语言不依赖于操作系统，仅需要浏览器的支持）

1.3 JavaScript代码在哪里书写

第一种方式：网页内（可以放在网页的任意位置）

1
2
<script	type = <script	type = "text/javascript">

第二种方式：行内通过事件引入

第三种方式：外部引入方式

1
<script type = "text/javascript" src = <script type = "text/javascript" src = "test.js">

警告框：

1
window.alert('Hello World!');window.alert('Hello World!');//alert('Hello World');

1.4 JavaScript中的所有数据类型

  • 字符串（String）

  • 数字 (number)

  • 布尔(boolean)

  • 数组(array)

  • 对象(object)

  • 空(null)

  • 未定义(undefined)

输出的字符串里面包含单引号，则用双引号引用。

输出的字符串里面包含双引号，则用单引号引用。

或者使用转义字符。

1.5变量的定义

变量的定义用：var

1
2
var str = "Hello World!"
var str = "Hello World!"
alert(str);

注册表单的创建，以及函数的应用，焦点事件。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!<!DOCTYPE html>

	
		
		
		
		
		
	
	
	
		
		

			
























				
					注册								
				
					用户名:					
					
											
				
					邮箱：					
					
											
				
					密码：					
					
											
				
					重复密码：