JavaScript学习笔记
* 正则表达式
在js中使用正则表达式可以通过RegExp对象或String对象，其中RegExp对象定义正则表达式有两种方式，一是普通方式，二是构造函数的方式。
RegExp对象解析：
普通方式：
语法：var reg=/表达式/附加参数
如：var reg=/ab+/;
构造函数方式：
语法：var reg=new RegExp(“表达式”,”附加参数”)，也可以不写附加参数。
如：reg=new RegExp("[0-9]");
reg=new RegExp("[0-9]","g");
附加参数：用来扩展表达式的含义，主要有以下三个参数。
g：代表可以进行全局匹配
I：代表不区分大小写匹配
m：代表可以进行多行匹配
RegExp对象的方法和属性：
test()：检索字符串中正则表达式匹配的值，如果找到了返回true，否则返回false;
exec()：检索字符串中正则表达式匹配的值，如果找到了则返回匹配值，否则返回空字符串;如果字符串中有多个正则表达式匹配的值，那么exec方法会将这些值全部返回，各值之间用","连接；返回的值是最后一次正则表达式匹配得到的值。
如：reg=/(a|b)jj/;->如字符串为"ajj"，那么结果为"ajj,a"，返回的值是最后一次正则表达式匹配得到的值。
reg=/(1|2){2,3}/;->1或2出现至少2次，至多3次;如111,121,212，如果字符串为"221"，那么返回的值为"221,1"。
global：用于确定正则表达式中是否具有标志g，返回true或false
ignoreCase：同上所述，是否具有标志i
multiline：同上所述，是否具有标志m
语法：
正则表达式对象实例.test(字符串)
正则表达式对象实例.exec(字符串)
String对象解析：
match()：检索字符串中指定的值，如果找到了返回匹配值，否则返回null;
语法：字符串对象.match(字符串或RegExp对象)
replace()：替换与正则表达式相匹配的值
语法：字符串对象.replace(字符串或RegExp对象(被替换)，”替换的字符串”)
split()：把字符串分割为字符串数组
字符串对象.split(字符串或RegExp对象,n)
n为限制数组中元素的个数，如果不设置n，则没有限制。
正则表达式中常用的符号和用法：
|
符号 |
描述 |
|
/.../ |
代表一个模式的开始和结束 |
|
^ |
匹配字符串的开始 |
|
$ |
匹配字符串的结束 |
|
\s |
任何空白字符 |
|
\S |
任何非空白字符 |
|
\d |
一个数字字符 |
|
\D |
除了数字之外的任何字符 |
|
\w |
一个数字、下划线或字母 |
|
\W |
任何非\w字符 |
|
. |
除了换行符之外的任何字符 |
|
+ |
匹配前一项1次或多次 |
|
* |
匹配前一项0次或多次 |
|
？ |
匹配前一项0次或1次 |
|
{} |
可以没上限，不能没下限 {n}->匹配前一项n次 {n,m}->匹配前一项至少n次，至多m次 {n,}->匹配前一项n次或更多次 {,n}->错误写法，得不到任何结果 |
|
[] |
[abcd]->a、b、c、d中任何一个字符 [a-z]->a至z中任何一个字符 [a-zA-Z]所有英文字母 [9-0]->错误写法，会导致字符集越界，js出错 [^0-9]不能是0至9中任何一个字符 |
|
| |
hi|hello->匹配hi或hello |
|
() |
a(b|c)d->a和d中间为b或c |
注意：
正则表达式如果匹配正确，那么不会再往下匹配了。如果想要将通配符转化为普通字符来匹配，那么需要使用反斜杠”\”来进行字符转义。如reg=/\./;就是将点号变为普通字符。
常用正则表达式
* prompt()
prompt()的第二个参数如果省略，那么就会在文本框中出现“undefined”；如果单击取消或关闭按钮，就会返回null；如果单击确定，就会返回输入文本框中的字符串。
* 数组
这个里面的数组是一个可以包含任何类型的数组，例如在一个数组中可以放不同类型的元素；
为数组元素赋值有以下几种写法：
var fruit=new Array(2);
fruit[0]="苹果";
fruit[1]="橘子";
var fruit=new Array("苹果","橘子");
var fruit=["苹果","橘子"];
输出fruit，结果为：苹果，橘子；
有一种错误写法：var fruit=("苹果","橘子");这样写它会把最后一个字符串（橘子）拆分成字符串数组，但是遇到不是字符串的就会出错，如var fruit=("苹果","橘子"，12345);fruit.length=undefined;但是输出fruit,结果却为12345；
<script type="text/javascript">
var fruit=("苹果","橘子");
for(var i in fruit){
document.write( fruit[i])
}
document.write(" "+fruit.length);
</script>
输出：橘子 2
如果不为字符串定义定义长度，如var fruit=new Array();那么长度就会默认为0，fruit[100]=undefined;这个数组中所有元素的值都为undefined;
* parseInt()、parseFloat()、isNaN()
var num=parseInt("+-0sdf");
document.write(num);
输出:NaN
var num=parseInt("-0sdf");或var num=parseInt("+0sdf");
document.write(num);
输出:0
var num=parseInt(".0sdf");
document.write(num);
输出:NaN
var num=parseInt("11.23sdf");
document.write(num);
输出:11
parseFloat()方法与parseInt()大致相同，有一些区别：
var num=parseFloat(".0sdf");
document.write(num);
输出:0
var num=parseFloat(".1sdf");
document.write(num);
输出:0.1
var num=parseFloat("11sdf");
document.write(num);
输出:11
var num=parseFloat("11.23sdf");
document.write(num);
输出:11.23
isNaN()方法：
默认值为true
document.write(isNaN("12.2")),结果为false,它会把字符串转化为数值；
*
数组和null是object类型的，NaN是number类型的；
* 自定义函数
function show(n){},不能写成function show(var n){};
* onload()
在网页中，每次前进或后退都会刷新页面；
onload和location是打开一个新页面（可以前进和后退的）
onload必须等待网页中所有的内容（包括脚本）加载完毕后才能执行,onload打开新页面是因为函数；
如：
function show(){
var today=new Date();
document.write(today)
}
location='两数运算.HTML'
</script>
</head>
<body onload= show()>
它会先链接到'两数运算.HTML'，这个onload就永远都出不来了。
* close()
close()这个方法如果在<script>标签中可以执行，但是直接在HTML标签中写就必须写成window.close();
关闭窗口时，只关闭本窗口。
*
在函数中输出文字到屏幕上（与body中的HTML代码无关），他就会打开一个新页面（可以前进或后退）显示内容。
如：
<script type="text/javascript">
function changeLink(){
document.write("khkhjkhkjhk");
}
</script>
</head>
<body >
<input name="b1" type="button" value="改变层内容" onclick="changeLink()"/>
</body>
*
document.getElementById()
document.getElementsByName()
document.getsElementByTagName()
以上三个方法必须写在函数里才能被使用。其中document.getElementById()是返回对拥有指定ID的第一个对象的引用，如一个div的对象的引用为[object HTMLDivElement]；而p的对象的引用为[object HTMLParagraphElement]；如果找不到，就会返回null。
如：
<script type="text/javascript">
function show(){
document.write(document.getElementById("all").checked);
}
</script>
</head>
<body>
<input id="all" type="checkbox" value="1" onclick="show()"/>全选<br />
</body>
不能直接输出document.getElementsByName("all")和document.getElementsByTagName("input");系统会提示拒绝访问。
如:
var s= document.getElementsByName("all");
document.write(s);
直接输出document.getElementById("all"); 结果会是null;
如：
var s= document.getElementById("all");
document.write(s);
*
日期的getDay()返回的值介于0~6之间，getMonth()返回的值介于0~11之间。
*
<h1>服饰</h1>哈哈,只有服饰变成1号字体；
<h1>服饰<h1>哈哈,服饰和哈哈都变成1号字体；
*
可见性过滤选择器:hidden,只对display有用，对visibility没用。
display：none;是将元素隐藏，并且元素会从页面上移走。
visibility:hidden;也是将元素隐藏，但是元素还是在原来的位置，只是看不见而已。
*
toggle()方法叫做套索；
toggle()方法可以切换元素的可见状态，如果被选元素可见，则隐藏这些元素，反之。
toggle(true)显示被选元素，反之。
toggle(function1,function2),单击被选元素调用function1,再单击被选元素调用function2,一直循环。
$("h1:gt(0)").toggle();这个方法也可以将下标大于0的元素都隐藏，并且元素会从页面上移走。
*
click()方法中如果放了多个函数，如click(function1,function2,function3,function4),那么他会默认调用第二个函数。
*
当使用对象的函数(如click())时，系统会默认为bind()绑定时间。
bind()绑定时间只对一开始的数据有用，后来新增的数据没有效果。
而live()对一开始的数据和后来新增的数据都有用。
*
html()获取的是在网页中的样子，
如；<div id="emailId">我 你</div>
那么这个的html()就是“我 你”，但是在网页中显示空格要用 ，这样用回车键打出的空格，不管有多长，都只算做1个空格。
