码迷,mamicode.com
首页 > Web开发 > 详细

JS总结

时间:2015-06-30 18:04:43      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:

一,javascript特点
客户端脚本语言,基于对象和事件驱动的
只能在浏览器中运行
非编译性语言
弱类型语言(var)
跨平台

二,js基础
合法的变量
1,由数字,字母,下划线,美元符号组成,且不能以数字开头
2,不能使用关键字和保留字
3,大小写敏感

数据类型: 字符串 数字 null 未定义 true false

类型转换
字符串-->数字 Number("222"); paserInt()
数字---->字符串 String(22);

运算符:
算术运算符: + - * / %
比较运算符: < > <= >= == !=
逻辑运算符: && || !
赋值运算符: = += -= *= /= %=
三目运算符: 条件表达式?true执行的语句: false执行的语句;

数组:
var a=new Array();
var b=new Array(4);
var c=new Array(2,4,6,8);
VAR d=[2,4,6,8];
数组的长度: 数组名.length

if(){
}else{
}

switch(){
case 值: break;
....
default:

}

for(){}
do{}while();
while(){}

三,函数
function 函数名([a,b,c]){
语句块;
[return]
}

四,事件
onclick
ondbclick
onchange
onfocus
onblur
onload
onsubmit
onunload
onmousemove
onmouseout
onselect
onkeydown

五,内置对象
Date()
String()
Math()
Array()

六,DOM
1,window
open() close() setTimeout() setInterval() alert() confirm() prompt()
2,location
reload()
3,screen
width height
4,history
back() forward() go()

5,document
getElementById();
getElementsByName();
getElementsByTagName();
write()
writeln()

6,从输入框中得到或写入信息
getElementById().value;
getElementById().value=值;
7,从标记中得到或写入信息
getElementById().innerHTML;
getElementById().innerHTML=值;
8,修改图片路径
getElementById("img").src="";

9,对form表单
var fo=document.forms;
document.forms[下标/名称];

fo.elements;/fo.elements[下标/名称];
10,表单验证
<form action="" method="" onsubmit="return check()">
</form>

<input type="" onblur="check()" />
七,综合练习
1,改变背景颜色

2,钟表

3,手动刷新

4,历史返回

5,倒计时

6,自动弹出广告,自动关闭窗口

7,自动更新图片

8,自动互换tab

9,二级省份

10,全选和反选

八,正则表达式
1,var reg=new RegExp(/^[0-9]+$/);
2,var reg=/^[0-9]+$/;
reg.test("")

* + ? {n} {n,} {n,m}
[abc] [^abc] [0-9] [^0-9] [a-z] [a-zA-Z0-9]
\d \D \w \W

常见的正则表达式

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 




JS总结

标签:

原文地址:http://www.cnblogs.com/afengboke/p/4610912.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!