首页 > 代码库 > JavaScript
JavaScript
1. JavaScript 的格式：
1). JavaScript区分大小写；
2). JavaScript脚本程序须嵌入在HTML文件中；
3). 每行写一条脚本语句；
4). 语句末尾可以加分号；
5). JavaScript脚本程序可以独立保存为一个外部文件，但其中不能包含<script></script>标签。
2. JS变量：
1). 全局变量：在函数外声明
2). 局部变量：在函数内声明
3). 全局变量可在整个脚本中被使用，可在不同的窗口中相互引用（指定窗口名）
3. 变量声明时前面可以加var，也可以不加。如果在一个js函数中定义的变量前不加var，那么这个变量也是全局变量。
4. with语句：（对象操作语句）
功能：为一段程序建立默认对象。
格式：
with (<对象>){
<语句组>
｝
例如在页面输入内容：
with (document) {
write (“欢迎你们：”);
write (“<Li>很高兴认识大家”);
write (“<Li>希望我们成为朋友。");
}
5. for...in语句：重复执行指定对象的所有属性。格式：
for ( 变量 in 对象 ){
<语句组>
}
6. 其他语句与我们学过的高级语言（例如：java）很相似，比如if ….else, for(),switch,break,continue等等
7. 日期对象，
1). 格式：日期对象名称=new Date([日期参数])
2). 日期参数：
a). 省略（最常用）；
b). 英文-数值格式：月 日，公元年 [时：分：秒]。如：today=new Date("October 1,2008 12:00:00")
c). 数值格式：公元年，月，日，[时，分，秒]，如：today=new Date(2008,10,1)
3). 日期对象的方法格式：日期对象名称.方法（[参数]）
4). 日期对象常用方法：
getYear()返回年份数
getFullYear()返回年份数
getMonth()返回月份数（0--11）
getDate()返回日期数（1--31）
getDay()返回星期数（0--6） // 星期日为0
getHours()返回时数（0--23）
getMinutes()返回分数（0--59）
getSeconds()返回秒数（0--59）
8. 数组对象，
1). 建立数组对象：
格式１：数组对象名称=new Array([元素个数]) // 元素个数可以不写，数组会自动扩容
格式２：数组对象名称=new Array([[元素1][，元素2，...]])
格式３：数组对象名称=[元素1[，元素2，...]]
2). 数组对象的属性格式：数组对象名称.属性
3). 数组对象的方法格式：数组对象名称.方法([参数])
4). 数组对象常用方法：
join([分隔符])数组元素组合为字符串
toString()以字符串表示数组
reverse()数组反转
valueOf()返回数组值
9. 字符串对象；
1). 建立字符串对象：
格式1：字符串对象名称=new String(字符串常量)
格式2：字符串变量名称="字符串常量"
2). 字符串对象的属性格式：字符串对象名称.属性 // 属性：length 字符串长度
3). 字符串对象的方法格式：字符串对象名称.方法
4). 字符串对象常用方法：
charAt(索引)返回索引位置的字符
indexOf(“字串”[,索引])返回字串在对象中的索引位置
lastIndexOf(“字串”[,索引])返回字串在对象中的索引位置（反向搜索）
replace("字串1","字串2")字串2替换字串
search(“字串”)返回字串在对象中的索引位置
substring(索引i[,索引j])返回索引i倒索引j-1的子串
10. 自定义对象，通过构造函数定义对象类型，建立对象实例。举例如下：
function member(name, sex) {
this.name = name;
this.sex = sex;
this.display = display; // 方法，注意后面不能加()，浏览器会自动解析
}
function display() {
var str = this.name + "是" + this.sex;
document.write("<LI>" + str);
}
var papa = new member("李四", "男生");
11. 事件处理程序：浏览器响应某个事件，实现用户的交互操作而进行的处理（过程）。
12. 定时器：用以指定在一段特定的时间后执行某段程序。
1). setTimeout() ：
格式：[定时器对象名=] setTimeout(“<表达式>”，毫秒)
功能：执行<表达式>一次。
2). setInterval() ：
格式：[定时器对象名=] setInterval(“<表达式>”，毫秒)
功能：重复执行<表达式>，直至窗口、框架被关闭或执行clearInterval。
3). clearInterval() ：终止定时器
格式：clearInterval(定时器对象名)
13. JS内置对象：
1). 窗口对象
格式：
[window.]属性
[window.]方法（参数）
opener.属性
opener.方法（参数）
窗口名称.方法（参数）
self.属性
self.方法（参数）
parent.属性
parent.方法（参数）
top.属性
top.方法（参数）
窗口名称.属性
2). 屏幕对象：描述屏幕的显示及颜色属性。
格式：screen.属性
3). 事件对象：当事件发生时，浏览器自动建立该对象，并包含该事件的类型、鼠标坐标等。
格式：event.属性
4). 历史对象：用以存储客户端最近访问的网址清单。
格式：history.属性 ; history.方法（参数）
5). 位置对象： 用来代表特定窗口的URL信息。
格式：location.属性 ; location.方法（参数）
6). 文件对象： 代表当前HTML对象，是由<body>标签组构成的，对每个HTML文件会自动建立一个文件对象。
格式：document.属性 ; document.方法（参数）
7). 链接对象：网页中的链接均会被自动看作链接对象，并依顺序，分别表示为document.links[0]，document.links[1]...
定义链接对象的格式：字串.link(属性)
8). 表单对象(最常使用，重要) ：文件对象的子对象，Javascript的runtimeengine自动为每一个表单建立一个表单对象。
格式：
document.forms[索引].属性
document.forms[索引].方法（参数）
document.表单名称.属性
document.表单名称.方法（参数）
9). Cookie 对象：是一种以文件（Cookie文件）的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息（Cookie数据）。Cookie文件由所访问的Web站点
建立，以长久的保存客户端与Web站点间的会话数据，并且该Cookie数据只允许被所访问的Web站点进行读取。
Cookie 文件的格式：
NS：Cookie.txt
IE：用户名@域名.txt
写入Cookie格式：document.cookie = " 关键字 = 值 [ ;expires = 有效日期 ] [;...]"
备注：
a). 有效日期格式：Wdy,DD-Mon-YY HH:MM:SS GMT
b). Wdy / Mon：英文星期 / 月份；
c). 还包含path、domain、secure属性；
d). 每个Web站点（domain）可建立20个Cookie数据；
e). 每个浏览器可存储300个Cookie数据，4k字节；
f). 客户有权禁止Cookie数据的写入。
读取Cookie格式：document.cookie
删除Cookie格式：document.cookie = " 关键字 = ;expires = 当前日期"
14. JS中定义生成对象：var date = new Date();或 var date = new Date；
15. JS中定义数组，可以不给初始长度，数组可以自己动态扩容。
16. reverse()方法改变的是原数组，即原数组内容发生变化，不是生成新对象。返回元素也是改变后的数组。
17. JS中数组中可以包含不同数据类型。
18. window中的函数我们可以直接使用，例如：alert
19. JS方法的this，表示触发该事件的那个对象是什么
20. window对象代表整个浏览器窗口。
21. select()选中焦点所在位置的所有内容
22. 模态窗口和非模态窗口：所谓模态对话框，就是指除非采取有效的关闭手段，用户的鼠标焦点或者输入光标将一直停留在其上的对话框。非模态对话框则不会
强制此种特性，用户可以在当前对话框以及其他窗口间进行切换。
23. document.onmousedown=getEvent; 将onmousedown时间绑定到getEvent方法上。后面不能加上()，所以也不能传参数
24. 浏览器执行代码是由上到下进行的，当执行到JS代码，若里面包含后面的内容，那么得到的值将是null
25. onclick=“window.history.back(-1);return false” // 加入return false防止代码继续往后执行
26. input标签有字数限制属性maxlength,当超过最大值时，会输入不进去
27. document.forms[0].elements[N]：文档下form表单中的第N个元素
28. JS中praseInt(111a)，结果是111
29. 通过JS定义样式，对象.stryle.属性名=“属性值”，例如：obj.style.display="none"
30. JSP是在服务器中执行的，js是在客户端浏览器中执行的
31. 在 js 中为某个对象（控件）绑定事件通常可以采取两种手段：
1). <input type=”button” onclick=”clickHandler();”>
2). <input type=”button” id=”button1”>
<script type=”text/javascript”>
var v = document.getElementById(“button1”);
v.onclick = clickHandler;
</script>
32. 有两种类型的 cookie
1). 持久性 cookie，会被存储到客户端的硬盘上。
2). 会话 Cookie ：不会存储到客 户端的硬盘上，而是放在浏览器进程所处的内存当中，当浏览器关闭则该会话 cookie 就销毁了。
33. 在 JavaScript 中，函数（function）就是对象。
JavaScript