JS 复习

Posted 2020-08-15 兔小灰385

一、三个对话框
1、alert("")警告对话框
2、confirm（""）确定对话框
3、prompt（"",""）可输入内容的对话框，返回null
二、数据类型
1、var通用类型
2、数据类型转换
（1）转为数值类型 
parseint();
（2）转为string类型 
在要转换的内容前面加上空字符串("")
（3）判断是否是数字
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 函数名（形数）{函数体}
调用：函数名（实参）
六、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