一、基础知识
1.JavaScript学习1（基础语法、函数、对象）
二、语法基础
1、变量声明
2、数据类型
3、逻辑运算符
4、类型转换
5、函数
6、函数的调用
三、对象
1、数组对象
2、时间对象
3、数学对象
一、基础知识
JavaScript是一种嵌入到页面中的编程语言，由浏览器一边解释一边执行。
1、JavaScript引入方式
HTML中引入JavaScript有三种方式：
- 外部JavaScript
- 内部JavaScript
- 元素事件JavaScript
（1）外部JavaScript
指把HTML代码和外部JavaScript代码分别放在不同文件中，然后在HTML文档中使用script标签来引入外部JavaScript代码。
1 <body>
2 <script src="index.js"></script>
3 </body>
注意：JavaScript，外部JavaScript文件不仅可以在body中引入，而且可以在head中引入。引入外部CSS文件只能使用link标签在head中引入。
（2）内部JavaScript
指把HTML代码和JavaScript代码放在同一个文件中。JavaScript代码放在标签对内。同样，内部JavaScript文件不仅可以在head中引入，也可以在body中引入。
1 <body>
2 <script type="text/javascript">
3
4 </script>
5 </body>
（3）元素属性JavaScript
指在元素的事件属性中直接编写JavaScript或调用函数。
1）在元素事件中编写JavaScript
1 <body>
2 <input type="button" value="按钮" onClick="alert('元素事件')">
3 </body>
2）在元素事件中调用函数
1 <head>
2 <meta charset="utf-8">
3 <title>无标题文档</title>
4 <script>
5 function alertMes()
6 {
7 alert("元素事件中调用函数");
8 }
9 </script>
10 </head>
11 <body>
12 <input type="button" value="按钮" onClick="alertMes()">
13 </body>
二、语法基础
1、变量声明
所有的JavaScript变量都是由var声明。
1 <script>
2 var a=20;
3 document.write(a);
4 </script>
2、数据类型
JavaScript基本数据类型有五种：数字、字符串、布尔值、未定义值和空值。
引用类型有两种：数组和对象。
（1）数字
JavaScript数字不区分整型或浮点型，所有的变量都是用var声明。
var a=10;
（2）字符串
字符串是用英文单引号或英文双引号括起来。
var str="hello world";
注意：单引号括起来的字符串中，不能含有单引号，只能含有双引号。双引号括起来的字符串中不能含有双引号，可以含有单引号。
（3）未定义值
指一个变量已经声明但是没有对该变量赋值，未定义值用undefined表示。
（4）空值
var n=null;
表示系统没有给这个变量n分配内存空间。
3、逻辑运算符
4、类型转换
共有两种类型转换：隐式类型转换和显示类型转换
（1）隐式类型转换：指自动进行的类型转换。
（2）显示类型转换：指需要用代码强制进行的类型转换。
5、函数
（1）无返回值函数
1 function 函数名 （参数1，参数2，...）
2 {
3 ...
4 }
（2）有返回值函数
1 function 函数名 （参数1，参数2，...）
2 {
3 return 返回值;
4 }
6、函数的调用
JavaScript函数的调用有四种：
- 直接调用
- 在表达式中调用
- 在超链接中调用
- 在事件中调用
直接调用和在表达式中调用与其他语言调用方式基本一致。
（1）在超链接中调用
在超链接中调用，指的是在a元素的href属性中使用“javascript:函数名”的形式来调用函数，当用户点击超级链接时，就会调用该函数。
语法格式：
<a href="javascript:函数名"></a>
应用举例：
1 <head>
2 <meta charset="utf-8">
3 <title>无标题文档</title>
4 <link type="text/css" rel="stylesheet" href="style.css">
5 <script>
6 function expressMes()
7 {
8 alert("在超级链接中调用函数成功！");
9 }
10
11 </script>
12 </head>
13
14 <body>
15 <a href="javascript:expressMes()">超级链接</a>
16 </body>
（2）在事件中调用
通过事件调用函数
应用举例：
1 <head>
2 <meta charset="utf-8">
3 <title>无标题文档</title>
4 <link type="text/css" rel="stylesheet" href="style.css">
5 <script>
6 function expressMes()
7 {
8 alert("在事件中调用函数成功！");
9 }
10
11 </script>
12 </head>
13
14 <body>
15 <input type="button" onClick="expressMes()" value="按钮"/>
16 </body>
三、对象
1、数组对象
（1）数组的创建
数组创建有两种形式：
var 数组名=new Array(元素1，元素2...);
var 数组名 = [元素1，元素2 ...];
（2）获取数组的长度
数组名.length
应用举例：
1 <head>
2 <meta charset="utf-8">
3 <title>无标题文档</title>
4 <link type="text/css" rel="stylesheet" href="style.css">
5 <script>
6 var arr=new Array(123,"js",false,undefined,null,3.14);
7 for(var i=0;i<arr.length;i++)
8 {
9 document.write(arr[i]+"<br/>");
10 }
11 </script>
12 </head>
13
14 <body>
15
16 </body>
注意数组arr的各个元素可以是不同类型。
2、时间对象
（1）创建时间对象
时间对象为Date
var 日期对象名=new Date();
（2）获取时间
应用举例：
1 <head>
2 <meta charset="utf-8">
3 <title>无标题文档</title>
4 <link type="text/css" rel="stylesheet" href="style.css">
5 <script>
6 var d=new Date();
7 var myHours=d.getHours();
8 var myMinutes=d.getMinutes();
9 var mySeconds=d.getSeconds();
10 document.write("当前时间："+myHours+":"+myMinutes+":"+mySeconds);
11 </script>
12 </head>
13
14 <body>
15
16 </body>
（3）设置时间
3、数学对象
（1）数学对象的基础知识
Math对象与其他对象不一样，Math对象不需要使用new关键字来创建，而是直接使用它的方法和属性。
Math.属性；
Math.方法；
（2）Math常用属性
（3）Math对象的方法
来自于北京景秀教育校企合作中心
