JavaScript_1th_变量和数组

最新推荐文章于 2021-10-06 22:52:55 发布

weqpo

最新推荐文章于 2021-10-06 22:52:55 发布

阅读量306

点赞数

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.csdn.net/weqpo/article/details/62214954

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

一、JavaScript
1）JavaScript是一种描述式语言，它与HTML结合起来，用于增强功能，并提高与最终用户之间的交互性能。
2）由Netscape公司利用Sun的Java开发。
3）它是与Java完全不同的一种语言。虽然在结构和语法上与Java类似，但是，它只是函数式的语言。
4）客户端的JavaScript必须要有浏览器的支持。

二、在网页中加入JavaScript
1）通过在网页中加入<Script>...</Script>标记JavaScript的开始和结束，将JavaScript代码放到
<Script>...</Script>之间。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>My first JavaScript</title>
		<script type="text/javascript">
			alert("Hello World!");
			alert("I'm a JavaScript learner.");
		</script>
	</head>
	<body>
		第一个JavaScript
	</body>
</html>

2）页可以引入一个外部的JavaScript文件，这个JavaScript文件一般以.js作为扩展名。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>My first JavaScript</title>
		<script language="JavaScript" src="js/002.js">
		</script>
	</head>
	<body>
		从外部引入JavaScript
	</body>
</html>

js/002.js文件内容如下所示

alert("Hello World!");

3）原则上，放在<head></head>之间。但视情况可以放在网页的任何部分。
注：函数定义一般出现在head中，函数的调用出现在body中。
以下程序将整个文档当做一个对象，叫document，当html文档从服务器端下载下来后，
客户端的浏览器对文档一句句的执行，当执行到document.write("<b>这是以JavaScript打印出的!</b>")这句时，
会将其中的内容原封不动的显示在页面上。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>My first JavaScript</title>
	</head>
	<body>
		<br />
		This is a normal HTML document.
		<br />
		<script language="JavaScript">
			document.write("<b>这是以JavaScript打印出的!</b>")
		</script>
		<br />
		Back in HTML again.
	</body>
</html>

三、变量

1）一个页面可以有多个<Script></Script>，不同部分的方法和变量可以共享。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>多个JavaScript</title>
		<script language="JavaScript">
			var greeting;
			greeting = "Welcome to the JS!"
		</script>
	</head>
	<body>
		<script language="JavaScript">
			document.write(greeting);
		</script>
	</body>
</html>

变量总结：
1）JavaScript是一门弱类型的语言，所有的变量定义均以var来实现。
2）虽然JavaScript可以不需定义即可直接使用变量，但不建议这么做。
3）JavaScript的变量建议先定义，再使用。
4）JavaScript区分大小写。

四、数组

1、数组定义：
1）var arr = new Array(3);
2）通过arr.length取得数组的长度

2、举例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>JavaScript数组</title>
		<script language="JavaScript">
			var arr = new Array(3);
			arr[0] = 0;
			arr[1] = 1;
			arr[2] = 2;
			arr[3] = 3;		//可以越界赋值
		</script>
	</head>
	<body>
		<script language="JavaScript">
			/* 打印数组的第 4个元素*/
			document.write(arr[3] + "<br>");//arr[3] = 3
			/* 打印数组界外的元素,尚未赋值 */
			document.write(arr[4] + "<br>");//arr[4] = undefined
			/* 打印此时数组的长度 */
			document.write(arr.length + "<br>");//此时数组的长度是：4
			/* 给数组的第10个元素赋值 */
			arr[9] = 9;
			/* 打印赋值后数组的值 */
			document.write(arr.length + "<br>");//给arr[9]赋值后数组的长度是：10
		</script>
	</body>
</html>

总结：
1）数组在定义时声明的长度是没有什么用的，JavaScript的数组长度随时可变，类似Java容器中的ArrayList。
2）未定义元素的默认值是undefined

五、算数运算

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>算数运算</title>
		<script language="JavaScript">
			var result1, result2, result3;
			result1 = 3 + 4;
			result2 = result1 / 2;
		</script>
	</head>
	<body>
		<script language="JavaScript">
			document.write(result1 + "<br />");//7
			document.write(result2 + "<br />");//3.5
			document.write(result3 + "<br />");//undefined
			document.write((result3 + result3));//NaN 
		</script>
	</body>
</html>

总结：
1）未定义值的变量进行运算时的结果是：NaN
2）两个整数运算时，运算结果若有小数部分，小数部分会保留，不会向下取整。

六、逻辑运算

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>逻辑运算</title>
		<script language="JavaScript">
			var result1, result2, result3;
			result1 = true && false;
			result2 = true || false;
			result3 = !true;
		</script>
	</head>
	<body>
		<script language="JavaScript">
			document.write(result1 + "<br />");//false
			document.write(result2 + "<br />");//true
			document.write(result3);//false
		</script>
	</body>
</html>

一、字符串

1）字符串的连接
使用var来定义字符串变量，可以用+号将两个字符串连接在一起

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>字符串连接</title>
		<script language="JavaScript">
			var greeting, h;
			greeting = "Welcome to the JS!";
			h = "This is a magic world!";
		</script>
	</head>
	<body>
		<script language="JavaScript">
			document.write(greeting + h);//Welcome to the JS!This is a magic world! 
		</script>
	</body>
</html>

2）字符串截取substring

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>字符串截取</title>
		<script language="JavaScript">
			var greeting, h;
			greeting = "Welcome to the JS!";
		</script>
	</head>
	<body>
		<script language="JavaScript">
			//截取字符串，范围[start, end)
			document.write(greeting.substring(3, 9));//come t 
		</script>
	</body>
</html>