一、基础知识

1、JavaScript引入方式

二、语法基础

1、变量声明

一、基础知识

JavaScript是一种嵌入到页面中的编程语言，由浏览器一边解释一边执行。

1、JavaScript引入方式

HTML中引入JavaScript有三种方式：

外部JavaScript
内部JavaScript
元素事件JavaScript

（1）外部JavaScript

指把HTML代码和外部JavaScript代码分别放在不同文件中，然后在HTML文档中使用script标签来引入外部JavaScript代码。

<body>
    <script src="index.js"></script>
</body>

注意：JavaScript，外部JavaScript文件不仅可以在body中引入，而且可以在head中引入。引入外部CSS文件只能使用link标签在head中引入。

（2）内部JavaScript

指把HTML代码和JavaScript代码放在同一个文件中。JavaScript代码放在<script></script>标签对内。同样，内部JavaScript文件不仅可以在head中引入，也可以在body中引入。

<body>
    <script type="text/javascript">
     
    </script>
</body>

（3）元素属性JavaScript

指在元素的事件属性中直接编写JavaScript或调用函数。

1）在元素事件中编写JavaScript

<body>
     <input type="button" value="按钮" onClick="alert('元素事件')">
</body>

2）在元素事件中调用函数

<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<script>
		function alertMes()
		{
			alert("元素事件中调用函数");
		}
		
	</script>
</head>

<body>
     <input type="button" value="按钮" onClick="alertMes()">
</body>

二、语法基础

1、变量声明

所有的JavaScript变量都是由var声明。

  <script>
		 var a=20;
		 document.write(a);
	</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）无返回值函数

function 函数名 （参数1，参数2，...）
{
   ...
}

（2）有返回值函数

function 函数名 （参数1，参数2，...）
{
   return 返回值;
}

6、函数的调用

JavaScript函数的调用有四种：

直接调用
在表达式中调用
在超链接中调用
在事件中调用

直接调用和在表达式中调用与其他语言调用方式基本一致。

（1）在超链接中调用

在超链接中调用，指的是在a元素的href属性中使用“javascript:函数名”的形式来调用函数，当用户点击超级链接时，就会调用该函数。

语法格式：

<a href="javascript:函数名"></a>

应用举例：

<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<link type="text/css" rel="stylesheet" href="style.css">
	<script>
		function expressMes()
		{
			alert("在超级链接中调用函数成功！");
		}
		
	</script>
</head>

<body>
 	<a href="javascript:expressMes()">超级链接</a>
</body>

（2）在事件中调用

通过事件调用函数

应用举例：

<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<link type="text/css" rel="stylesheet" href="style.css">
	<script>
		function expressMes()
		{
			alert("在事件中调用函数成功！");
		}
		
	</script>
</head>

<body>
 	<input type="button" onClick="expressMes()" value="按钮"/>
</body>

三、对象

1、数组对象

（1）数组的创建

数组创建有两种形式：

var 数组名=new Array(元素1，元素2...);

var 数组名 = [元素1，元素2 ...];

（2）获取数组的长度

数组名.length

应用举例：

<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<link type="text/css" rel="stylesheet" href="style.css">
	<script>
         var arr=new Array(123,"js",false,undefined,null,3.14);
		for(var i=0;i<arr.length;i++)
			{
				document.write(arr[i]+"<br/>");
			}
	</script>
</head>

<body>
 	
</body>

注意数组arr的各个元素可以是不同类型。

2、时间对象

（1）创建时间对象

时间对象为Date

var 日期对象名=new Date();

（2）获取时间

应用举例：

<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<link type="text/css" rel="stylesheet" href="style.css">
	<script>
         var d=new Date();
		 var myHours=d.getHours();
		var myMinutes=d.getMinutes();
		var mySeconds=d.getSeconds();
		document.write("当前时间："+myHours+":"+myMinutes+":"+mySeconds);
	</script>
</head>

<body>
 	
</body>