JavaScript基本

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}

  

你可能感兴趣的:(JavaScript)