JavaScript基本语法

時宜

已于 2022-02-26 12:36:20 修改

阅读量2.9k

点赞数 13

文章标签： javascript 前端 html

于 2022-02-25 17:31:52 首次发布

本文链接：https://blog.csdn.net/weixin_62270300/article/details/123133843

版权

关于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>

效果图如下：