标签：
JavaScript——脚本语言 宿主文件 NetScape JSscript JS
一、JavaScript基本语法。
（一）数据类型与变量类型。
整数，小数，布局,字符串，日期时间，数组
强制转换：
parseInt() parseFloat() isNaN()
（二）数组
var 数组名 = new Array([长度]); //“假冒”数组
a.length-长度
a[下标] = 值。
a[下标]
（三）函数
function 函数名(形参)
{
}
列如 function ShowStr(a)
{
}
二、DOM操作
DOM - Document Object Model 文档对象模型。 树
线状模型，树状模型，网状模型
window
history
location
document <html></html>
head
body
a,img,table,ul,ol.....
status
对象——object 特点的名词 行为的动词
（一）window
1.alert()
window.alert();
2.[var a = ]window.confirm("你能跑过豹子吗？");
//prompt(); --不常用，不用记，输入
3.open();
open("地址","_blank/_self","新窗口的特点");
[var a = ]window.open("http://www.sina.com.cn");
在新窗口中打开页面，返回新的窗口。a也是一个window类型的变量。
详细需要翻译。
4.close();
window.close();
5.setTimeout("code",毫秒数)
指定的毫秒数后，执行code一次。
<body>
<h1 id="hh"></h1>
</body>
</html>
<script language="javascript">
function showTime()
{
var date = new Date();
document.getElementById("hh").innerHTML = date;
window.setTimeout("showTime()",1000);
}
showTime();
</script>
********打开页面，五秒后弹出广告，再过5秒广告关闭************
var a;
function openAD()
{
a = window.open("http://www.sina.com.cn","_blank","width=200 height=200 toolbar=no top=0 left=0");
window.setTimeout("closeAD()",5000);
}
function closeAD()
{
a.close();
}
window.setTimeout("openAD()",5000);
6.setInterval("code",毫秒数)
每隔指定的毫秒数就执行code一次。
//
function showTime()
{
var date = new Date();
document.getElementById("hh").innerHTML = date;
}
window.setInterval("showTime()",1000);
window.moveTo(x,y);
window.resizeTo(width,height);
window.scrollTo(x,y);
（二）历史操作
window.history.go(n)
（三）地址栏操作
window.location.href
//定时刷新页面
function showSelf()
{
window.location.href="Untitled-3.html";
}
window.setInterval("showSelf()",1000);
（四）文档操作
window.document
（1）找到对象
var a = document.getElementById("id"); 返回的是个对象
var a = document.getElementsByName("name"); 返回的是个数组
var a = document.getElementsByTagName("tagname"); 返回的是个数组
（2）操作属性
1.获取属性值
var s = obj.getAttribute("属性名");
2.设置或修改属性值
obj.setAttribute("属性名","属性值");
3.移除属性值
obj.removeAttribute("属性名")
（3）操作样式
1.操作内联样式
obj.style.xxxx=
obj.style.backgroundColor=
2.操作样式表的class
obj.className="class名"
obj.setAttribute("class","class名")
案列:设置奇偶行的不同背景色
（4）操作内容
1.表单元素。
取值：var s = obj.value;
赋值：obj.value="";
2.非表单元素。
取值：var s = obj.innerHTML;
赋值：obj.innerHTML = "";
（5）操作相关元素
1.obj.nextSibling下一个元素（注意回车与空格）
2.obj.previousSibling上一个元素（注意回车与空格）
3.obj.parentNode父级元素。
4.obj.childNodes所有的子级元
属性：
obj.firstChild
obj.lastChild
obj.childNode[n]
方法：
obj.appendChild(元素对象); //元素对象，不是一个HTML的字符串
d.insertBefore(要插入的元素对象,相对于哪个元素);
d.removeChild(要移除的元素对象);
d.replaceChild(新元素，旧元素);
d.getElementsByxxx("id字符串");在子元素中找符合条件的元素。
如何在子级中找指定的元素？
1.遍历 2.obj.getElementsByxxxxx;
如何向元素中追加一个子元素？
1.造个元素。
var n = document.createElement("div"); //造元素
n.innerHTML = "this is a new div"; //设内容
n.style.backgroundColor="green"; //设样式
2.加进去。
d.appendChild(n);
正则表达式验证：
邮箱、身份证号、邮编、电话、手机号
邮箱：
1.有且只能含有一个@。
2.@后面至少有一个.
3.不能以@和.开头，不能以他们结尾。
4.@和.之间必须至少有一个字符。
5.如果有多个.的话，它们之间不能靠在一起。
使用正则表达式验证的步骤：
1.写正则表达式。
2.取要验证的字符串的值。
3.使用字符串的match()方法来判断该字符串是否满足正则表达式。
var reg = /^(\d{15}|\d{18})$/; //正则表达式
var email = "370111199203059087";
if(email.match(reg) == null)
{
alert("身份证格式错误");
}
else
{
alert("身份证格式正确");
}
正则表达式的限定符：——能看懂正则表达式即可。
1.正则表达式不使用引号引起来，而是使用//。
2.^——匹配开头。$——匹配结尾。
3.\d - 匹配一个数字
4.\w - 匹配一个字母或数字
5.{m,n}-把前面的表达式最少重复m次，最多重复n次。
6.{m,} - 把前面的表达式最少重复m次，最多不限。
7.｛m｝ - 把前面的表达式重复m次
8.[8,5,2] - 这个位置只能有8，5，2 中的一个。8，5，2数字的值和个数自己选择。
9.[0-9]- 等价于\d
10.[a-z,A-Z,0-9] 等价于\w
11.+等价于{1,}
12.*等价于{0,}
13.?等价于{0,1}
14.优先级()
15.转义\。
简化邮箱：\w+[@]\w+([.]\w+){1,2}
邮编：[1-9]\d{5}
身份证号：[1-9]\d{16}[0-9,X]
电话号：(\d{3,4}[-]|\(\d{3,4}\))?\d{7,8}
标签：
原文地址：http://www.cnblogs.com/Mr-xue/p/4523646.html
