前端基础:JavaScript(篇一)

目录

JavaScript概述

JavaScript历史:

须知:

基本语法

变量

代码

运行

数据类型

1、数值型(number):

代码 

运行 

2、布尔型(boolean):

 代码 

运行

 3、字符串型:

代码  

运行

4、 undefined类型

代码  

运行

 5:、Object类型

代码 

运行

算术运算符   + - * / % ++ --

加法运算

代码

运行

减法运算

代码

运行

乘法运算

代码

运行

赋值运算

-=

代码

运行

=(赋值)

代码

运行

比较运算符

==(比较值是否相等)

代码

运行

===(比较值是否相等,还需要比较两个类型是否一致)

代码

运行

逻辑运算符

条件运算符

控制语句

选择结构

循环结构

函数

定义函数

调用

代码

运行 

代码

运行

代码

运行

全局函数

• 确认对话框

代码

运行

• 输入对话框

代码

运行

• parseInt(arg)

代码

运行

• parseFloat(arg)

代码

运行

• typeof (arg)

代码

运行

• eval(arg)

代码

运行


JavaScript概述

JavaScript历史:

JavaScript原名叫live Script,是由美国网景开发的一种用于对网页操作的脚本语言。

网页操作(图片切换)

脚本语言(不需要编译  sql,html,css,javaScript,由某种解释器直接可以运行的)

live Script 也是面向对象的

后来sun公司与网景公司合作,将名字改为JavaScript

JavaScript与Java是两种不同的语言

JavaScript是嵌入在网页中,对网页进行各种操作的,是一种脚本语言

Java是一种后端高级语言,是需要编译的

须知:

html是网页的基本内容(标签,文本)

css是网页外观(样式)

JavaScript/js是网页的行为,为网页添加各种动态操作效果。

ES TS 面向对象结构搭建

基本语法

avaScript脚本写在一组<script>标签中,此标签可以放在head中或body中,一般习惯放在 head中,还可以将脚本写在外部的.js文件中,在html页面中导入外部的.js文件

对话框 alert(‘welcome!’); 提示对话框

console.log();

变量

js声明变量  java语言强类型语言 python js是弱类型语言
变量没有类型,直接使用var关键字声明即可,值有类型,给变量赋了什么值,变量就是什么类型的。

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			var a = 10;
			    a = "cba";
				a = true; 
			alert(a);
		</script>
	</head>
	<body>
	</body>
</html>

运行

数据类型

1、数值型(number):

其中包括整型数和浮点型数。

代码 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script> 
			//数值型 包括整数和浮点数  
			var c = 10;
			alert(typeof(c));//typeof(c) 返回变量c的数据类型 
			    c = 10.5;
			alert(typeof(c));	
			alert(c+)5;
		</script>
	</head>
	<body>
	</body>
</html>
运行 

typeof(c) 返回变量c的数据类型

alert(c+)5; 

ERROR

2、布尔型(boolean):

即逻辑值,true或flase。

 代码 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script> 
            var a = true;
 			var b = "abc";
            //布尔型 true false
			alert(a==b);
			if(1){
				alert(111);
			} 
		</script>
	</head>
	<body>
	</body>
</html>
运行

 3、字符串型:

由单个或多个文本字符组成。字符串是用单引号或双引号来说明的。 (使用单引号来输入包含引号的字符串。)

代码  
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script> 
			//字符串型 "abc" 'a' 
			var s1="abcd";
			var s2='abcde';
			alert(typeof(s1));
			alert(typeof(s2));
		</script>
	</head>
	<body>
	</body>
</html>
运行

4、 undefined类型

声明了一个变量,却没有为变量初始化赋值,值不明确 

代码  
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script> 
			//undefined类型  
		    var x;
			alert(x);
		    alert(x==undefined);
		</script>
	</head>
	<body>
	</body>
</html>
运行

 5:、Object类型

js也是面向对象的语言,前期我们主要使用内置的对象,我们不自己定义对象 

代码 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>  
			//object对象类型   
			var date = new Date();
			alert(date.getFullYear());
			alert(s1.charAt(2));
		</script>
	</head>
	<body>
	</body>
</html>
运行

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值