什么是JavaScript？

JavaScript：是脚本语言，其编写的程序可以被嵌入到HTML或XML页面中，并直接在浏览器中解释执行。

 

JavaScript功能：

·增强页面动态效果

·实现页面（浏览器）与用户之间的实时、动态的交互

 

JavaScript语言特点：

·脚本语言

·解释执行

·基于对象

·事件驱动

·简单

·弱类型

 

--------------------------------

嵌入到HTML页面中：

 

·在HTML页面中，使用<script>标识嵌入脚本代码：

  <script language="JavaScript">     //或者使用：type="text/javascript"

       /******/

  </script>

 

·JavaScript代码的出现位置：

 

 （1）HTML页面主体（body元素）

 （2）HTML页面头部（head元素）

 （3）单独的外部文件中：

         <script language="javascript" src="外部脚本文件URL">

         </script>

 

 

注意：document.write();输出

 

 

-----------------------------------

数据类型：

JavaScript支持基本数据类型和对象类型：

·基本数据类型：

 整型、浮点型、字符型、布尔型

·对象类型：

 内置对象（String、Math、Date）、浏览器对象（Window、Document、History、    Forms等）、用户自定义对象。

 

------------------------------------------

变量：

·命名规则：

 1.必须以字母、下划线或美元符开头，后面可以跟字母、下划线、美元符和数字。

 2.变量名区分大小写

 3.不允许使用JavaScript关键字做变量名

 

·JavaScript为弱类型语言，变量声明时不指定数据类型，其具体数据类型由给其所赋的值决定。

·通常使用var声明变量，也课可以不经声明而直接使用变量。但是必须是先赋值，再取用其值。

例如：var a;

         var b=3.14;

         var c="hello";

         var d=5,e=7;

         f="welcome to JavaScript";

         document.write(f);

 

------------------------------------

JavaScript关键字：

break   delete  function  return  typeof  case  do  if  switch var  catch  else  in this  void  continue false instanceof throw while debugger finally new  true with default for  null  try

 

---------------------------------------

常量：

·整型常量

 十进制表示：3,200

 十六进制表示：0x12,0X4a

 八进制表示：012,029

·浮点型常量：3.14,2.1e3,2e4

·布尔型常量：true，false

·字符型常量

 'a',"china",'abc'

 转义字符常量："/n","/t","/""

·空值常量：null

------------------------------------------

数组：是多个相同数据类型数据的组合，实现对这些数据的统一管理。

 

声明方式：var a = new Array();

               var b = new Array(size);

               var c = new Array(v1,v2,....,vn);

JavaScript数组的长度可变，数组对象的自动属性length表明的数组的长度。

数组访问格式：数组名[元素下标]，有效元素下标从0到length-1

 

--------------------------------------------

函数：function相当于其他编程语言中的方法或子程序，是用来完成相对独立功能一段代码的集合。

·定义格式：function <函数名>(<形式参数列表>){

                      <函数体代码>

                      [<return语句>]

                }

 

·JavaScript函数在定义时不需要指定返回值的类型和是否有返回值。

---------------------------------------------

事件及事件处理机制：

·事件（event）

      用来描述发生了什么事情，用户的鼠标点击或键盘操作，以及其他的页面操作，都会触发相应的事件。

·事件源（Event Source）

      可以产生事件的组件，通常为表单组件。

·事件驱动（Event Driven）

      由事件引发程序的相应，执行事先预备好的事件处理代码。

·事件处理代码（Event Handle）

      通常定义为函数的形式，其中加入所需的处理逻辑，并将之关联到相应的事件源组件上。

 

·JavaScript常用事件类型：

 onClick：组件被点击

 onDbclick：组件被双击

 onLoad：页面装载

 onUnload：页面卸载

 onChange：组件内容或条目选中状态发生改变

 onMousesmove：鼠标移动

 onFocus：成为焦点

 onBlur：当对象失去焦点

---------------------------------------

JavaScript常用对象：

·数学对象：内置对象Math提供常规的数学运算方法和常量，如PI，E，sin等

·事件对象：Date封装时间和日期，并提供相关操作功能。使用时必须先声明、创建对象。

              var currentTime=new Date();

  常用方法：

   getDate()/getTime()/getYear()/getMonth()/getDay()/getHours()/getMinutes()/getSeconds()/还有相应的set方法。

 

·字符串对象：描述和处理文本字符串信息

 常用属性和方法：

 length

 charAt(idx)

 indexOf(chr)

 indexOf(chr,fromIdx)

 lastIndexOf(chr)

 subString(m,n)

 subString(m)

 toLowerCase()

 toUpperCase()

 

---------------------------------------------------

系统函数：不属于任何类或对象，可以任意位置直接使用。

 

常用系统函数：

eval（str）：计算字符串形式给出的表达式的值

parseInt(str):将字符串形式的数值转换为整数，还有parseInt(str,radix)

parseFloat(str):将字符串形式的数值转换为浮点数。

isNaN(v):判断参数v是否是非数值型。

-----------------------------------------------------

浏览器对象：属于内置对象，可以实现浏览器页面之间的交互。

 

DOM模型（Document Object Model，文档对象模型）

 

·window对象：表示浏览器窗口

 可使用window对象获取浏览器窗口的状态信息，也可以通过它来访问其他的浏览器对象及窗口中发生事件信息。

 window对象是其他浏览器对象的共同祖先，所以一般在JavaScript的程序中可以省略window对象。

 浏览器打开HTML文档时，通常会创建一个window对象 。

window对象常用方法：

alert()

open(URL,windowName,parameterList)

close()

prompt(text,Defaulttext)

confirm(text)

setInterval(func, timer)/clearInterval(timer)

 

------------------------------------

Document对象：是window对象的属性，表示的是当前显示的文档，其中凤凰祖昂了文档中元素的相关信息，并提供了相应的操作功能。主要方法：wirte（）

 

-------------------------------------

Location对象：是window对象的属性，表示的是当前打开的URL，并提供了相关的基本操作方法。

常用方法如下：

window.location = "targetUrl"

reload()

--------------------------------------

history对象：是window对象的属性，它封装了当前浏览器窗口曾经访问过的网页URL信息，并提供了相应的访问和页面跳转功能。

主要属性和方法：

go(index)

back()

forward()

-------------------------

Navigator对象：是window对象的属性，封装了当前浏览器的相关信息。

主要属性：

appName

appVersion

language

platform