1.JavaScript 是 web 开发人员必须学习的 3 门语言中的一门:
HTML 定义了网页的内容
CSS描述了网页的布局
JavaScript 控制了网页的行为
2.JavaScript引用的三种方式:
(1).外部JS文件:
<script src="export.js" type="text/javascript"></script>
(2).直接在HTML标签中:
<input name="btn" type="button" value="弹出消息框" onclick="javascript:alert('欢迎你');"/>
(3).使用
<script type="text/javascript">
<!— JavaScript 语句; —>
</script >
//注意:<script>…</script>可以包含在文档中的任何地方,只要保证这些代码在被使用前已读取并加载到内存即可
3.核心语法
- 变量 (var 变量名 、let) 常量(con)
1.先声明变量再赋值
局部变量: var width; var—用于声明变量的关键字
let width; let—es6新增
width;
全局变量: width = 5;
width—变量名
2.同时声明和赋值变量
var catName= "皮皮";
var x, y, z = 10;
3.不声明直接赋值(不推荐)
width=5;
(变量可以不经声明而直接使用,但这种方法很容易出错,也很难查找排错,不推荐使用)
2.数据类型
1.undefined
(adj. 不明确的;未下定义的)
var width; — 变量width没有初始值,将被赋予值undefined
2.null
(adj. 空的)
—表示一个空值,与undefined值相等
3.number
(n. 数字)
var Num = 23; —整数
var Num = 23.0; —浮点数
4.boolean
(布尔值)
true
false
5.string
(字符串)
一组被引号(单引号或双引号)扩起来的文本
var string="这是一个string";
3.数组
1.创建数组
var 数组名称 = new Array(size);
— var 创建数组、变量的关键字
— new Array() 表示数组的关键字
— size 表示数组中可存放的元素总数
2.为数组赋值
var fruit = new Array("apple","orange","peach","banner");
相当于
var fruit = new Array(4);
fruit[0] = "apple"; —数组名[下标]
fruit[1] = "orange"; —下标从零开始
fruit[2] = "peach";
fruit[3] = "banner";
4.运算符
类型 | 运算符 |
---|---|
算术运算符 | + - * / % ++ — |
赋值运算符 | = += -= |
比较运算符 | > < >= <= == != === ! === |
逻辑运算符 | && ll ! |
5.控制语句
- if条件语句
if(条件) {
//javaScript
}
else {
//javaScript
}
- switch多分支语句
switch(表达式) {
case 常量1:
javaScript语句1;
break;
case 常量2:
javaScript语句2;
break;
...
default:
javaScript语句3;
}
- for、while循环语句
for(初始化 ; 条件 ; 增量) {
JavaScript代码;
}
while(条件){
JavaScript代码;
}
4.for-in
var fruit=["apple","orange","peach","banner"];
for(var i in fruit) {
document.write(fruit[i]+"<br/>");
}
5.break和continue 循环中断
- break 结束循环
<script type="text/javascript">
var i=0;
for(i=0;i<=5;i++){
if(i==3){
break;
}
document.write("这个数字是:"+i+"<br/》");
}
</script>
continue 跳过本次循环
<script type="text/javascript">
var i=0;
for(i=0;i<=5;i++){
if(i==3){
continue;
}
document.write("这个数字是:"+i+"<br/》");
}
6.注释
单行注释 //
多行注释 /* */
7.输入/输出
1.弹框
alert() ; 提示框
alert("提示信息");
prompt(); //对话框
prompt("提示信息", "输入框的默认信息");
prompt("请输入你喜欢的颜色","红色");
prompt("请输入你喜欢的颜色","");
window.confirm("...");//确认框
8.语法约定
代码区分大小写
变量、对象和函数的名称
分号