关于JavaScript基本语法大家的掌握有多少呢?接下来我们从以下方面一起回忆一下
首先关于JavaScript的认识
-
什么是JavaScript?
-
JavaScript的组成部分
-
JavaScript的主要用途
-
脚本执行原理
什么是JavaScript?
JavaScript是一种直译式脚本语言,是一种弱类型的语言。最早是在HTML网页上使用,用来给HTML网页增加动态效果。
JavaScript的组成部分是什么?
ECMAScript :JavaScript的基本语法
DOM:文档对象模型,用来获取或设置文档中标签的属性
BOM:浏览器对象模型,用来获取或设置浏览器得属性、行为
JavaScript的主要用途
-
嵌入动态文本于HTML页面
-
对浏览器事件作出响应
-
读写HTML元素
-
在数据被提交到服务器之前验证数据
-
检测访客的浏览器信息
-
控制cookies,包括创建和修改等
-
基于Node.js技术进行服务器端编程
脚本执行原理
JavaScript的基本语法
-
document.write() 的使用
-
变量的声明和调用
-
三种弹出框的使用
-
for循环的使用
-
什么请况下会出现boolean类型· false
-
typeof:获得变量的数据类型
document.write() 的使用
如果想要在JavaScript里面输出一句话,我们要借document.write()
如果想要跨行的话可以借助HTML的换行标签<br>
效果图如下:
所以JavaScript里面的document.write()和Java里面的System.out.print()的作用一样的,都是输出语句。
变量的声明和调用
-
变量的声明
- 整型: var a=10;
- 非整型:var b=10.1;
- 字符串: var c=”abc”;
- 布尔类型: var d=true;
注:JavaScript里面不管声明什么类型的变量,都是通过“var”来声明
-
变量的调用:
var a=10
var b=”20″
document.write(“a和b相加的和:”+(a+b))
效果图如下;
注:在JavaScript中数字和字符可以进行运算。
三种弹出框的使用(alert(),confirm(),prompt())
1.alert(); 提示框
2.confirm();询问框:显示一个带有指定消息与“确定”及“取消”按钮的对话方块
confirm(“确定要刪除吗?”)
效果如下:
3.prompt();输入框:显示用户输入的对话框
var t=prompt(“请输入”)
for循环的使用
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<script>
//1循环10次
for(var i=1;i<=10;i++){
document.write("hahah<\br>")
}
//2 根据用户输入的数字循环
var f6=prompt("请输入星期几")
if(!isNaN(parseInt(f6))){
switch(parseInt(f6)){
case 1:
console.log("周一")
break;
case 2:
console.log("周二")
break;
default:
console.log("你是xx")
}
}
</script>
</body>
</html>
效果图如下:
什么情况下会得到boolean
1.字符串:”” 为false
2.数字:0 false
3.null 也为false
4.undefined 未定义
5.NaN也为false
注:短路情况 如果是||前面为真 则不往下走 如果是&&则直到为真才停止
console.log(“”||0)//false 0
console.log(1||0) //1
console.log(“2″||”1″||1) //2
console.log(“2″&&”1″&&1) //1
console.log(“2″&&0&&1) //0
typeof:获得变量的数据类型
<!DOCTYPE html>
<html >
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<script>
var t=8
var a="2"
console.log(typeof(t))
console.log(typeof(a))
</script>
</body>
</html>
效果图如下:
注:在JavaScript中string是小写s