JavaScript_1th_变量和数组

来源：互联网发布：拼音发音软件下载编辑：程序博客网时间：2024/05/18 00:29

一、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 />");//7document.write(result2 + "<br />");//3.5document.write(result3 + "<br />");//undefineddocument.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 />");//falsedocument.write(result2 + "<br />");//truedocument.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>

0 0