Java script

JavaScript主要包括3种数据类型：简单数据类型、特殊数据类型、复合数据类型。
简单数据类型：数值型、字符型、布尔型
复合数据类型：对象、数组、函数
特殊数据类型：null、undefined
数值型：以不带引号的数字形式出现在JavaScript的程序中，主要用于进行各种数学运算。
null类型：它的值是JavaScript 的保留关键字null，表示没有值存在。
undefined：变量创建后未赋值。

 

\b 退格符 alert(“这是第一句 \b  这是第二句”)
\f 换页符 alert(“这是第一句\f 这是第二句”)
\n 换行符 alert(“这是第一句\n 这是第二句”)
\r 回车符 alert(“这是第一句\r 这是第二句”)
\t 制表符  alert(“这是第一句\t 这是第二句”)

 

常量：不能改变的数据。可以为整型、逻辑型、字符串型等。
变量：在计算机内存中暂时保存数据的地方。用关键字var声明或用赋值的形式。var  i；i=10；var count=10；var i，j；
变量命名规则
第一个字符必须是字母（大小写均可）、下划线（_）或美元符（$）;
后续字符可以是字母、数字、下划线或美元符；
变量名称不能是保留字；
字符大小写敏感；
变量可以不声明直接使用  k=100；（k没定义就直接用）
变量弱类型检查，且可随时改变数据类型

运算符对一个或多个变量或值（操作数）进行运算，并返回一个新值
根据所执行的运算，运算符可分为以下类别：
算术运算符
比较运算符
逻辑运算符
赋值运算符=、+=、-=、*=、/=、%=
位运算符（很少用）

+ 加
- 减
/ 除
* 乘
% 取模－两个数相除的余数
++      一元自加。该运算符带一个操作数，将操作数的值加 1。返回的值取决于 ++ 运算符位于操作数的前面或是后面
- - 一元自减。该运算符只带一个操作数。返回的值取决于 -- 运算符位于操作数的前面或是后面
“+”可以用于两个数相加，还可以用于连接字符串
parseInt() 和 parseFloat() 函数将字符串分别转换为整型和小数

 

= =   等于。如果两个操作数相等，则返回真。
!=    不等于。如果两个操作数不相等，则返回真
>     大于。如果左边的操作数大于右边的操作数，则返回真。
<     小于。如果左边的操作数小于右边的操作数，则返回真。
<=    小于等于。如果左边的操作数小于或等于右边的操作数，则返回真。
>=    大于等于。如果左边的操作数大于或等于右边的操作数，则返回真。

与 ( &&) expr1 && expr2 只有当 expr1 和 expr2 同为真时，才返回真。否则，返回假。
或 ( || )       expr1 || expr2 如果其中一个表达式为真，或两个表达式同为真，则返回真。否则，返回假。
非 (!)          !expr 如果表达式为真，则返回假。如果为假，则返回真。

if(条件)
 {
   JavaScript代码;
 }

if-else语句

switch (表达式)
{
  case 常量1 :
     JavaScript语句;
    break;
  case 常量2 :
     JavaScript语句;
     break;
  ...
     default :
        JavaScript语句;
}

for (i=0; i<10; i++)
{
  // 语句;
}

while循环
     while(循环条件)
     {
        //语句；
     }

do－while循环
    do
    {
      //语句；先执行，后判断循环条件
    }while(循环条件);

 

eval 函数： 用于计算字符串表达式的值 eval() 函数有一个参数，该参数就是想要求值的代码。

isNaN 函数：用于验证参数是否为 NaN（非数字）
isNaN(numValue)返回一个 Boolean 值，指明提供的值是否是保留值 NaN （不是数字）。如果值是 NaN， 那么 isNaN 函数返回 true ，否则返回 false

定义函数：
function 函数名([参数1,参数2，…]){
    语句;
}
调用函数：函数调用一般和表单元素的事件一起使用，调用格式为：事件名＝“函数名”

参数的传递
按值传递：传递的只是原变量的一份拷贝，因此，如果在函数中改变了这个参数的值，原变量不会跟着改变，它将保留原有的值。
按地址传递：这时传递的是原变量的内存地址，即函数中的参数和原变量是同一个变量。因此在函数中改变了参数值，原变量也会随之改变。
注意：如果参数的数据类型是对象，其传递方式按地址传递的

JavaScript的变量分为全局变量和局部变量。全局变量是作用在全程序范围内的变量，它声明在函数体外；局部变量是定义在函数体内的变量，它仅仅在函数体内起作用。

内置对象
浏览器对象
自定义对象
注意：一个对象在被引用之前，必须存在。另外在JavaScript中对于对象属性和方法的引用，有两种情况：
该对象为静态对象，表示在引用该对象的属性或方法时不需要为它创建实例；
在引用该对象属性和方法时必须为它创建一个实例，叫做动态对象。

创建字符串有两种不同方法 ：
使用 var 语句      var newstr = “这是我的字符串"
创建 String 对象
var newstr = new String (“这是我的字符串")
字符串相加：+或+=  （字符串的连接）
在字符串中使用特殊字符 “sdfg’    ×     “她说：’今天不出门’”     √   或使用转义字符    “她说：\”今天不出门\””    “\n” 
比较字符串是否相等  ==  !=   user==null || user==“”
数字字符串和数值的相互转换
属性：length
方法：
charAt(index): 返回指定索引位置处的字符。
indexOf(subString[, startIndex]): 返回 String 对象内第一次出现子字符串的字符位置。
substr(start [, length ]):返回一个从指定位置开始的指定长度的子字符串。
substring(start, end):返回位于 String 对象中指定位置的子字符串。
toLowerCase:返回一个字符串，该字符串中的字母被转换为小写字母。

 

Math 对象

属性
PI ∏ 的值， 约等于 3.1415
LN10 10 的自然对数的值，约等于 2.302
E Euler 的常量的值，约等于 2.718 Euler 的常量用作自然对数的底数

方法
abs(y) 返回 y 的绝对值
sin (y)  返回 y 的正弦，返回值以弧度为单位。
cos (y) 返回 y 的余弦，返回值以弧度为单位
tan (y) 返回 y 的正切，返回值以弧度为单位
min (x, y) 返回 x 和 y 两个数中较小的数
max (x, y) 返回 x 和 y 两个数中较大的数
random 返回0-1的随机数
round (y) 四舍五入取整
sqrt (y) 返回 y 的平方根

Math.ceil(x)返回>=x的最小整数
Math.floor(x) 返回<=x的最大整数
Math.pow(x,y)返回x的y次方
Math.random()返回0-1之间的随机小数
Math.round(x)返回x的四舍五入的整数.

Data 方法的分组：
setxxx 这些方法用于设置时间和日期值
getxxx  这些方法用于获取时间和日期值
Toxxx 这些方法用于从 Date 对象返回字符串值
parsexxx & UTCxx   这些方法用于解析字符串

用作 Date 方法的参数的整数：
Seconds 和 minutes 0 至 59
Hours 0 至 23
Day 0 至 6（星期几）
Date 1 至 31（月份中的天数）
Months 0 至 11（一月至十二月）

Set 方法：
setDate 设置 Date 对象中月份中的天数，其值介于 1 至 31 之间。
setHours 设置 Date 对象中的小时数，其值介于 0 至 23 之间。
setMinutes 设置 Date 对象中的分钟数，其值介于 0 至 59 之间。
setSeconds 设置 Date 对象中的秒数，其值介于 0 至 59 之间。
setTime 设置 Date 对象中的时间值。
setMonth 设置 Date 对象中的月份，其值介于 1 至 12 之间。

Get 方法：
getDate 返回 Date 对象中月份中的天数，其值介于 1 至 31 之间
getDay 返回 Date 对象中的星期几，其值介于 0 至 6 之间
getHours 返回 Date 对象中的小时数，其值介于 0 至 23 之间
getMinutes 返回 Date 对象中的分钟数，其值介于 0 至 59 之间
getSeconds 返回 Date 对象中的秒数，其值介于 0 至 59 之间
getMonth 返回 Date 对象中的月份，其值介于 0 至11 之间
getFullYear 返回 Date 对象中的年份，其值为四位数
getTime 返回自某一时刻（1970 年 1 月 1 日）以来的毫秒数

To 方法：
ToGMTString 使用格林尼治标准时间 (GMT) 数据格式将 Date 对象转换成字符串表示
ToLocaleString 使用当地时间格式将 Date 对象转换成字符串表示

Parse 方法和 UTC 方法
Date.parse (date string ) 用日期字符串表示自 1970 年 1 月 1 日以来的毫秒数
Date.UTC (year, month, day, hours, min., secs. ) Date 对象中自 1970 年 1 月 1 日以来的毫秒数

 

声明数组
    var 数组名 = new Array(数组大小);
  例： var emp = new Array(3)
添加元素
    emp[0] = “AA";
    emp[1] = “BB";
    emp[2] = “CC";
也可以声明数组并赋初值：
     例： var emp=new Array(“AA”，“BB”，“CC”)；

方案1 ：
var objArr = new Array();//创建一个空数组
var objArr = new Array(10);//创建含10个元素的数组
var objArr = new Array(“a”,”b”,”c”);//创建数组并初始化
方案2：
var objArr =[];//通方案1
var objArr =[“a”,”b”,”c”];//通方案1
组合数组的创建
var objArr = [[new Date()],”abc”,1234];//该数组包含三种数据类型，分别是对象类型,字符串类型和数字类型

如何引用元素：objArr[index]的形式来使用数组中的一个元素，index是元素在数组的索引，从0开始计算
数组的length属性：表示数组的长度
多维数组：js本身是没有多维数组概念，要通过组合数组来创建
二维数组举例1：创建2*6的二维数组  var arr = new Array(4);   for(var i=0;i<2;i++) arr[i]= new Array(6);
二维数组举例2：3*3      var arr = [[1,2,3],[4,5,6],[7,8,9]];

常用属性
  length ：返回数组中元素的个数

常用方法
join 将数组中的元素组合成字符串
reverse 颠倒数组元素的顺序，使第一个元素成为最后一个，而最后一个元素成为第一个
sort 对数组元素进行排序

objArr.toString():转换成字符串，并用,连接：
[1,2,3].toString() -> “1,2,3”
[“a”,”b”,”c”,[1,2,3,4]].toString() -> “a,b,c,1,2,3,4”
objArr.join(separator):将separator作为分隔符，将数组转换成字符串，当separator为逗号时等同于toString()
objArr.pop()返回数组最后一个元素值，注意：这里同时会将该元素从数据中清除，即objArr.length 减1
objArr.push(v1,v2,…):将参数添加到数组结尾：
[1,2,3,4].push(“a”,”b”) -> [1,2,3,4,”a”,”b”]
objArr.shift():移出数组第一个元素，并返回该值

 

窗口对象window是浏览器网页的文档对象模型结构中的最高级的对象，只要网页的html标记中包含有<body>或<frameset>标记，该网页就会包含一个窗口对象。
window对象的常用属性和方法

属性
document 表示给定浏览器窗口中的 HTML 文档。
history  包含有关客户访问过的URL的信息。
location 包含有关当前 URL 的信息。
name 设置或检索窗口或框架的名称。
status  设置或检索窗口底部的状态栏中的消息。
screen 包含有关客户端的屏幕和显示性能的信息

方法
alert (“m提示信息") 显示包含消息的对话框。
confirm（“提示信息”） 显示一个确认对话框，包含一个确定取消按钮
prompt（”提示信息“） 弹出提示信息框
open ("url","name") 打开具有指定名称的新窗口，并加载给定 URL 所指定的文档；如果没有提供 URL，则打开一个空白文档
close ( ) 关闭当前窗口
setTimeout(”函数”,毫秒数)  设置定时器：经过指定毫秒值后执行某个函数
clearTimeout(定时器对象)  取消setTimeout设置

open（”打开窗口的url”，”窗口名”，”窗口特征”）

窗口的特征如下，可以任意组合：
height： 窗口高度；
width： 窗口宽度；
top： 窗口距离屏幕上方的象素值；
left：窗口距离屏幕左侧的象素值；
toolbar： 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
resizable： 是否允许改变窗口大小，yes或1为允许
location： 是否显示地址栏，yes或1为允许
status：是否显示状态栏内的信息，yes或1为允许

window对象提供了两种方法来实现定时器：
window. setTimeout(表达式[expression],延时时间[n])
window. setInterval(表达式[expression],延时时间[n])
注意：expression可以是用引号括起来的代码，也可以是一个函数名（不能带任何参数的函数）
如何取消定时器：
取消setTimeout：window.clearTimeout(id);
取消setInterval:window.clearInterval(id);

屏幕对象是JavaScript运行时自动产生的对象
屏幕对象常用属性
height：返回显示屏幕的高度。
width ：返回显示器屏幕的宽度。
availHeight ：返回显示屏幕的高度 (除 Windows 任务栏之外)。
availWidth：返回显示屏幕的宽度 (除 Windows 任务栏之外)。
colorDepth：返回目标设备或缓冲器上的调色板的比特深度（每像素中用于颜色的位数，其值为1,4,8,15,16,24,32）。

网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽：document.body.offsetWidth (包括边线的宽)
网页可见区域高：document.body.offsetHeight (包括边线的宽)
网页正文全文宽：document.body.scrollWidth
网页正文全文高：document.body.scrollHeight
网页被卷去的高：document.body.scrollTop
网页被卷去的左：document.body.scrollLeft
网页正文部分上：window.screenTop
网页正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的宽：window.screen.width
屏幕可用工作区高度：window.screen.availHeight
屏幕可用工作区宽度：window.screen.availWidth

处理地址栏信息：location对象
Location对象是wodow对象的子对象，包含了窗口对象的网页地址内容，即URL。例如：
window.location=“http://www.sohu.com”;//跳转到页面
window.loaction.href=“http://www.sohu.com”;//同上
window.location.reload();//刷新页面
Window.location.replace(url);//用url刷新当前网页

用三种方法改变当前网页的网站
方法1：<a href=“javascript:window.open('http://www.yahoo.com’,’_self’)”>
window.open()  </a>
方法2：<a href=“javascript:location.href=‘http://www.yahoo.com’”>    location.href </a>
方法3：
<a href=“javascript:location. replace(‘http://www.yahoo.com’)”> location.replace()   </a>

Location 对象属性
host 设置或检索位置或 URL 的主机名和端口号
hostname 设置或检索位置或 URL 的主机名部分
href 设置或检索完整的 URL 字符串

方法
assign("url") 加载 URL 指定的新的 HTML 文档。 
reload() 重新加载当前页
replace("url")  通过加载 URL 指定的文档来替换当前文档

历史记录对象是窗口对象下的一个子对象。它实际上是一个对象数组，包含了一系列的用户访问过的url地址，用于浏览器工具栏中的“前进”和“后退”按钮。
常用属性和方法
history.length：历史对象的个数
history.back();显示浏览器历史列表中后退一个网址的网页
history.go(n)或者history.go(网址)：显示浏览器的历史列表中第n个网址的网页，n>0 前进  n<0  后退
history.forward()；//显示浏览器历史列表中前进一个网址的网页

 

Document对象
document文档对象是window对象的一个主要部分，它包含了网页显示的各个元素对象。
document.write(str);//输出一行
document.writeln(str);//输出一行，并回车

常用属性
alinkColor 设置或检索文档中所有活动链接的颜色
bgColor 设置或检索 Document 对象的背景色
body 指定文档正文的开始和结束
linkColor 设置或检索文档链接的颜色
location 包含关于当前 URL 的信息
title 包含文档的标题
url 设置或检索当前文档的 URL
vlinkColor 设置或检索用户访问过的链接的颜色

常用方法
clear ( ) 清除当前文档
close ( ) 关闭输出流并强制显示发送的数据
write ("text") 将文本写入文档

 

Form对象及其元素对象
Form对象：是文档对象的一个主要元素。Form对象中包含有许多用于收集用户输入内容的元素对象，例如，文本框、按钮等，通过这些元素对象，form将用户输入的数据传递到服务器端进行处理。
引用form对象
使用form标记中的name属性值
document.form1       document.form2
使用forms数组对象
document.forms[0]                 document.forms[1]  document.forms[“form1”]

Form对象的常用属性、方法和事件
属性
acceptCharset 服务器可接受的字符集。
action  设置或返回表单的action属性。
enctype  设置或返回表单用来编码内容的HTME类型。
id   设置或返回表单的id。
length  返回表单中的元素数目。
method  设置或返回将数据发送到服务器的HTTP方法。
name   设置或返回表单的名称。
tarqet   设置或返回表单提交结果的 Frame 或 Window 名。

Form 对象的方法
reset()  把表单的所有输入元素重置为它们的默认值。
submit()  提交表单。

Form 对象的事件句柄
onreset  在重置表单元素之前调用。
onsubmit  在提交表单之前调用。

Form中的元素对象
form中的元素对象一般都可以与html的标记一一对应。
引用form中的元素对象
通过元素的名称
document.form1.username
通过form的元素数组对象的方法document.form1.elements[0]document.form1.elements[“username”]

 

JavaScript 事件
onClick         鼠标单击
onChange  文本内容或下拉菜单中的选项发生改变
onFocus  获得焦点，表示文本框等获得鼠标光标。
onBlur          失去焦点，表示文本框等失去鼠标光标。
onMouseOver  鼠标悬停，即鼠标停留在图片等的上方
onMouseOut  鼠标移出，即离开图片等所在的区域
onMouseMove 鼠标移动，表示在<DIV>层等上方移动
onLoad          网页文档加载事件
onSubmit  表单提交事件
onMouseDown  鼠标按下
onMouseUp  鼠标弹起

文本框对象

文本框元素用于在表单中输入字、词或一系列数字
可以通过将 HTML 的 INPUT 标签中的 type 设置为“text”，以创建文本框元素
<input type="text" name="t1"/>

事件
onBlur 文本框失去焦点
onChange 文本框的值被修改
onFocus 光标进入文本框中

方法
focus( ) 获得焦点，即获得鼠标光标
select( ) 选中文本内容，突出显示输入区域

属性
readOnly  只读，文本框中的内容不能修改

命令按钮对象
<input type="submit" name="button1"  value="提交">
<input type="reset" name="button2"  value="重置">
<input type="button" name="button3"  value="计算">
事件处理程序
onSubmit 表单提交事件，单击“提交”按钮时产生，此事件属于<FORM>元素，不属于提交按钮
onClick 按钮单击事件
onSubmit事件处理代码：
<FORM  onSubmit=”return 调用函数名”>…</FORM>
如果函数返回true，则向远程服务器提交表单；
如果函数返回false，则取消提交。

复选框对象
当用户需要在选项列表中选择多项时，可以使用复选框对象
要创建复选框对象，请使用 <INPUT> 标签
请选择您的爱好
<INPUT type=“checkbox” value=“电影”> 电影
<INPUT type=“checkbox” value=“唱歌”> 唱歌

事件
onBlur 复选框失去焦点
onFocus  复选框获得焦点
onClick  复选框被选定或取消选定

属性
checked 复选框是否被选中，选中为true，未选中为false。您可以使用此属性查看复选框的状态或设置复选框是否被选中
value 设置或获取复选框的值

单选按钮对象
当用户只需要从选项列表中选择一个选项时，可以使用单选按钮对象
要创建单选按钮对象，请使用 <INPUT> 标签
<INPUT type=“radio” value=“M”>男
<INPUT type=“radio” value=“F”>女

事件
onBlur 单选按钮失去焦点
onFocus  单选按钮获得焦点
onClick  单选按钮被选定或取消选定

属性
checked 单选按钮是否被选中，选中为true，未选中为false。您可以使用此属性查看单选按钮的状态或设置单选按钮是否被选中
 value 设置或获取单选按钮的值

下拉列表框
<SELECT name="myselect" >
      <OPTION>--请选择开户帐号的城市--</OPTION>
      <OPTION value="北京市">北京市</OPTION>
      <OPTION value="上海市">上海市</OPTION>
      <OPTION value="重庆市">重庆市</OPTION>
      <OPTION value="天津市">天津市</OPTION>
      <OPTION value="四川省">四川省</OPTION>
      <OPTION value="山东省">山东省</OPTION>
      <OPTION value="湖北省">湖北省</OPTION>
</SELECT>

事件
onBlur 下拉列表框失去焦点
onChange 当选项发生改变时产生
onFocus 下拉列表框获得焦点

属性
value 下拉列表框中，被选选项的值
options 所有的选项组成一个数组，options表示整个选项数组，第一个选项即为options[0]，第二个即为options[1]，其他以此类推
selectedIndex 返回被选择的选项的索引号，如果选中第一个返回0，第二个返回1，其他类推

 

表单验证
JavaScript 最常见的用法之一就是验证表单
对于检查用户输入是否存在错误和是否疏漏了必选项，JavaScript 是一种十分便捷的方法

正则表达式