JavaScript基本语法

  • Post author:
  • Post category:java



关于JavaScript基本语法大家的掌握有多少呢?接下来我们从以下方面一起回忆一下


首先关于JavaScript的认识


  • 什么是JavaScript?

  • JavaScript的组成部分

  • JavaScript的主要用途

  • 脚本执行原理

什么是JavaScript?


JavaScript是一种直译式脚本语言,是一种弱类型的语言。最早是在HTML网页上使用,用来给HTML网页增加动态效果。


JavaScript的组成部分是什么?


ECMAScript :JavaScript的基本语法


DOM:文档对象模型,用来获取或设置文档中标签的属性


BOM:浏览器对象模型,用来获取或设置浏览器得属性、行为


JavaScript的主要用途


  1. 嵌入动态文本于HTML页面

  2. 对浏览器事件作出响应

  3. 读写HTML元素

  4. 在数据被提交到服务器之前验证数据

  5. 检测访客的浏览器信息

  6. 控制cookies,包括创建和修改等

  7. 基于Node.js技术进行服务器端编程

脚本执行原理



JavaScript的基本语法


  • document.write() 的使用

  • 变量的声明和调用

  • 三种弹出框的使用

  • for循环的使用

  • 什么请况下会出现boolean类型· false

  • typeof:获得变量的数据类型

document.write() 的使用


如果想要在JavaScript里面输出一句话,我们要借document.write()


如果想要跨行的话可以借助HTML的换行标签<br>


效果图如下:





所以JavaScript里面的document.write()和Java里面的System.out.print()的作用一样的,都是输出语句。


变量的声明和调用


  • 变量的声明

  1. 整型:   var a=10;
  2. 非整型:var b=10.1;
  3. 字符串: var c=”abc”;
  4. 布尔类型: 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



版权声明:本文为weixin_62270300原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。