JavaScript学习随笔

Adela0916

于 2019-12-30 08:23:22 发布

阅读量124

点赞数

本文链接：https://blog.csdn.net/Adela0916/article/details/103744496

版权

JavaScript简介

是一种脚本语言
像HTML页面添加交互行为
是有多行可执行的计算机代码组成
直接嵌入HTML页面执行

JavaScript基本语法规则

变量：

变量名的命名规则：

不允许使用关键字
由字母，数字，下划线、$符号组成，数字不能开头
严格区分大小写

数据类型：

数字型：number
字符串：string
布尔型：boolean
无值：null

类型转换：
string转换成整数：parseInt()
string转换成小数：parseFloat();
string转换成数：number();

运算符：
赋值运算符：=，+=，-=，=，/=、%=
算数运算符：+、-、、/、%
关系运算符：==、>、>=、<、<=、！=
逻辑运算符：&&、||、！
条件运算符：？：

三大结构

顺序结构
分支结构

单分支

if(条件表达式){条件表达式结果为真时运行的代码}

双分支

   if(条件表达式){条件表达式结果为真时运行的代码}

else{
条件表达式结果为假时运行的代码
}

多分支

if(条件表达式1){条件表达式结果为真时运行的代码}
else if(条件表达式2){条件表达式2结果为真时运行的代码}
else if(条件表达式)3{条件表达式3结果为真时运行的代码}
else{所有条件表达式结果为真时运行的代码}

等值判断多分支有另一种语法：

switch(表达式){
case 值1：
表达式值值1时执行的代码；break;
case 值2：
表达式值值2时执行的代码；break;
case 值3：
表达式值==值3时执行的代码；break;
default: 表达式和前面都不一样时执行的代码
}

循环结构
- while(){}

数组：

//定义数组
			//定义一个空数组
			var arr1=new Array();//不常用
			//定义一个长度为5的数组
			var arr2=new Array(5);
			//定义一个数据为1，2，3，4，5的数组
			var arr3=new Array(1,2,3,4,5);
			var arr4=[1,2,3,4,5];
			//遍历arr4的数据
			for(var i=0;i<arr4.length;++i)
				alert(arr[i]);

函数：有参函数、无参函数
无参函数：
function 函数名(){函数体}
有参函数
function 函数名(形参1，形参2，…){函数体}
带返回值的函数
function 函数名(){函数体…return 返回值}

//定义一个无参函数
			function fun1(){
				alert("这是无参函数");
			}
			fun1();//函数定义后必须调用才有效
			//定义一个有参函数
			function fun2(num1,num2){
				alert(num1+num2);
			}
			fun2(1,2);
			//定义一个有返回值的函数
			function fun3(num1,num2){
				var result = num1+num2;
				return result;
			}
			var res = fun3(3,2);
			alert(res);

一个简单的时钟例子：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="{CHARSET}">
		<title></title>
		
		<script type="text/javascript" >
				function getTime(){
					var now = new Date();
					var hour = now.getHours();
					var minuter = now.getMinutes();
					var second = now.getSeconds();
					var time = hour+":"+minuter+":"+second;
					document.getElementById("time").innerText=time;
					setTimeout(getTime,1000);//设置该方法1s执行一次，setTimeout(方法名，时间);时间的单位是毫秒
					//alert(now);
				}
				
			</script>
	</head>
	<body onload="getTime()">
		
		<div id="time"></div>
	</body>
</html>

Adela0916

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习随笔

JavaScript简介是一种脚本语言像HTML页面添加交互行为是有多行可执行的计算机代码组成直接嵌入HTML页面执行JavaScript基本语法规则变量：变量名的命名规则：不允许使用关键字由字母，数字，下划线、$符号组成，数字不能开头严格区分大小写数据类型：数字型：number字符串：string布尔型：boolean无值：null类型转换：string...
复制链接

扫一扫