javaScript 基础知识

一、三个对话框

1、alert("提示信息")　　　　　　弹出只带有一个确定按钮的对话框

2、confirm（"提示信息"）　　　　　　弹出有确定和取消按钮的对话框

3、prompt（"提示信息",默认值）　　　可输入内容的对话框，返回null

二、数据类型

1、var通用类型

2、数据类型转换

（1）将变量转为整数类型

parseInt();

（2）将变量转为浮点数类型

parseFloat();

（3）转为string类型

在要转换的内容前面加上空字符串("")

（4）判断是否是数字

isNaN();是数字返回false，不是数字返回true

三、语句

（1）分支语句

if()

{}

else

{}

（2）循环语句

for(初始条件；循环条件；状态改变)

{循环体}

break;终止循环

continue；终止本次循环

四、数组

var a=new Array();

长度是动态变化的，可以放任意类型

1、取值:var aa=a[i];

2、赋值:a[0]=123;a[1]="hello";

3、长度:a.length;

4、排序：a.sort();

5、翻转数组：a.reverse();

五、函数

function 函数名（形数）

{函数体}

计时函数

var t = setTimeout("alert('5秒！')",5000)

var t = setTimeout("javaScript语句",毫秒)

结束计时：clearTimeout(t)

调用：函数名（实参）

六、DOM操作

1、window

(1)window.open(a,b,c,d)

参数：

a--页面地址 "Default.aspx"

b--打开方式 "_blank" 新开页面

c--窗口样式，用空格隔开（针对于IE浏览器管用）

toolbar=no 无工具条

width=100px，height=100px，left=100px

(2)window.close()关闭当前窗口

window.opener.close()关闭父窗口

(3)window.scrollto(x,y) 滚动到页面的位置

(4)window.history

window.history.back()；页面后退

window.history.forward();页面前进

window.history.go(n);前进或后退n个页面

(5)window.location

获取当前页地址 var s=window.location.href();

跳转页面 window.location.href="";

2、window.document

（1）获取元素

var a = document.getElementById("");

var a = document.getElementsByClassName("");

var a = document.getElementsByName("");

var a = document.getElementsByTagName("");

（2）操作内容

1）非表单元素

innerHTML 获取标签里的html代码和文字

赋值：将其中的html代码执行

取值：html代码和文字会取出，但是不执行html代码

innerText

赋值：获取标签里的html代码和文字，不执行html代码

取值：只取文字

注意：一般用innerHTML赋值，用innerText 取值

2）表单元素

value取值和赋值都会原样呈现

checkbox/redio 取value值: a.value；

取按钮后边的文字:a.nextSibling.innerText

<select></select> 取值：选择哪一个取出哪一个

（3）操作属性

1）设置属性 setAttribute("name","value")

2）移除属性 removeAttribute("name")

3）获取属性 getAttribute("")

改变样式 this.setAttribute("class", "div3 div2");

（4）操作样式

this.style.样式=""

获取样式的值 this.offsetHeight 高度

this.offsetLeft 距离左边的距离

this.offsetTop 距离上边的距离

this.offsetWidth 宽度

(5)相关元素操作

var b=a.nextSibling 找下一个同辈元素，注意空格

var b=a.previousSibling 找上一个同辈元素，注意空格

3、正则表达式

使用正则表达式验证

if(/正则表达式/.test(字符串)){}

4 事件

单击事件 onclick

鼠标离开时触发 onmouseout

鼠标移到上面时触发 onmousemove

按键抬起来时触发 onkeyup

双击触发 ondblclicke

获得焦点时触发 onfocus

一、三个对话框

1、alert("提示信息")　　　　　　弹出只带有一个确定按钮的对话框

2、confirm（"提示信息"）　　　　　　弹出有确定和取消按钮的对话框

3、prompt（"提示信息",默认值）　　　可输入内容的对话框，返回null

二、数据类型

1、var通用类型

2、数据类型转换

（1）将变量转为整数类型

parseInt();

（2）将变量转为浮点数类型

parseFloat();

（3）转为string类型

在要转换的内容前面加上空字符串("")

（4）判断是否是数字

isNaN();是数字返回false，不是数字返回true

三、语句

（1）分支语句

if()

{}

else

{}

（2）循环语句

for(初始条件；循环条件；状态改变)

{循环体}

break;终止循环

continue；终止本次循环

四、数组

var a=new Array();

长度是动态变化的，可以放任意类型

1、取值:var aa=a[i];

2、赋值:a[0]=123;a[1]="hello";

3、长度:a.length;

4、排序：a.sort();

5、翻转数组：a.reverse();

五、函数

function 函数名（形数）

{函数体}

计时函数

var t = setTimeout("alert('5秒！')",5000)

var t = setTimeout("javaScript语句",毫秒)

结束计时：clearTimeout(t)

调用：函数名（实参）

六、DOM操作

1、window

(1)window.open(a,b,c,d)

参数：

a--页面地址 "Default.aspx"

b--打开方式 "_blank" 新开页面

c--窗口样式，用空格隔开（针对于IE浏览器管用）

toolbar=no 无工具条

width=100px，height=100px，left=100px

(2)window.close()关闭当前窗口

window.opener.close()关闭父窗口

(3)window.scrollto(x,y) 滚动到页面的位置

(4)window.history

window.history.back()；页面后退

window.history.forward();页面前进

window.history.go(n);前进或后退n个页面

(5)window.location

获取当前页地址 var s=window.location.href();

跳转页面 window.location.href="";

2、window.document

（1）获取元素

var a = document.getElementById("");

var a = document.getElementsByClassName("");

var a = document.getElementsByName("");

var a = document.getElementsByTagName("");

（2）操作内容

1）非表单元素

innerHTML 获取标签里的html代码和文字

赋值：将其中的html代码执行

取值：html代码和文字会取出，但是不执行html代码

innerText

赋值：获取标签里的html代码和文字，不执行html代码

取值：只取文字

注意：一般用innerHTML赋值，用innerText 取值

2）表单元素

value取值和赋值都会原样呈现

checkbox/redio 取value值: a.value；

取按钮后边的文字:a.nextSibling.innerText

<select></select> 取值：选择哪一个取出哪一个

（3）操作属性

1）设置属性 setAttribute("name","value")

2）移除属性 removeAttribute("name")

3）获取属性 getAttribute("")

改变样式 this.setAttribute("class", "div3 div2");

（4）操作样式

this.style.样式=""

获取样式的值 this.offsetHeight 高度

this.offsetLeft 距离左边的距离

this.offsetTop 距离上边的距离

this.offsetWidth 宽度

(5)相关元素操作

var b=a.nextSibling 找下一个同辈元素，注意空格

var b=a.previousSibling 找上一个同辈元素，注意空格

3、正则表达式

使用正则表达式验证

if(/正则表达式/.test(字符串)){}

4 事件

单击事件 onclick

鼠标离开时触发 onmouseout

鼠标移到上面时触发 onmousemove

按键抬起来时触发 onkeyup

双击触发 ondblclicke

获得焦点时触发 onfocus