Javascript初学笔记

是几个月前的笔记，不记得是从什么地方拷贝或者摘抄来的，非原创。欢迎认领

鄙人找到一本不错的手册数《JavaScript权威指南（第四版）.pdf》 在csdn可以下载到

另外公司代理可以访问到 

http://www.w3school.com.cn/ 

查询对象的属性也比较方便，但是这个网站的搜索功能比较弱，需要你对整个WEB和它网站的组织框架有一定的了解基础才可以。

====== JavaScript ======


分号（;）可选 ，如果单独作为一行没有加分号，解释器会自动添加分号；
Q：换行怎么处理


手册基本分三种
DOM
客户端
服务器

====== 语法：======


变量可以用Var 来声明，也可以不声明;
对变量作声明的最大好处就是能及时发现代码中的错误；
因为JavaScript是采用动态编译的，而动态编译是不易发现代码中的错误，特别是变量命名的方面。


JavaScript语言是基于对象的（Object-Based），而不是面向对象的（object-oriented）。


有关对象操作语句
For...in语句
with语句 
this关键字  
New运算符  ？new 后跟的是什么？用对象创建对象？对象创建确定是用Function 来定义？

---- with ----
使用该语句的意思是：在该语句体内，任何对变量的引用被认为是这个对象的属性，以节省一些代码。
with object{
...}
所有在with语句后的花括号中的语句，都是在后面object对象的作用域的。




----New---
典型用法： 先创建一个数组类型makearray，再生成一个该类型的对象hexa；
function array(n) 
{
this.length = n;
for(var i = 1; i <= n; i++) 
this[i] = 0;

return this;
}
hexa = new array(16);
---


====== 内部对象系统 ======


使用内部对象系统


Docuement(文档对象)
Navigator(浏览器对象)
窗口对象(Windows)
位置对象(Location)
历史对象(History)


１、document中三个主要的对象


在document中主要有：links,anchor,form等三个最重要的对象：
（１）anchor锚对象：
anchor对象指的是<A Name=...> </A>标识在HTML源码中存在时产生的对象。它包含着文档中所有的anchors信息。
（２）链接links对象：　
link对象指的是用<A Href=...> </A>标记的连接一个超文本或超媒体的元素作为一个特定的URL。
（３）窗体（Form）对象：
窗体对象是文档对象的一个元素，它含有多种格式的对象储存信息；
使用它可以在JavaScript脚本中编写程序进行文字输入，并可以用来动态改变文档的行为。
通过document. Forms[]数组来使得在同一个页面上可以有多个相同的窗体,使用forms[]数组要比使用窗体名字要方便得多。
２、文档对象中的attribute属性
（１）链接颜色：alinkcolor
（２）链接颜色：linkcolor
（３）浏览过后的颜色：VlinkColor
（４）背景颜色：bgcolor
（５）前景颜色：Fgcolor


3 、文档对象的基本元素
（１）窗体属性：
　　窗体属性是与HTML文档中<Form>...</Form>相对应的一组对象在HTML文档所创建的窗体数，由length指定。通过document.forms.length反映该文档中所创建的窗体数目。
（２）锚属性：anchors
　　该属性中，包含了HTML文档的所有<A> </A>标记为Name=...的语句标识。所有“锚”的数目保存在document.anchors.length中。
（３）链接属性：links
　　链接属性是指在文档中<A>...</A>的由Href=...指定的数目，其链接数目保存在document.links.length中。


======输入输出 document & window======


JavaScript是基于对象的脚本编程语言，那么它的输入输出就是通过对象来完成的。
其中有关输入可通过窗口（Window）对象来完成；
而输出可通过文档（document）对象的方法来实现；


2、窗口对象的事件驱动
　　窗口对象主要有装入Web文档事件onload和卸载时onunload事件。用于文档载入和停止载入时
开始和停止更新文档。


3 、窗口对象的方法：
alert()方法能创建一个具有OK按钮的对话框。
confirm()方法为编程人员提供一个具有两个按钮的对话框。
prompt()方法允许用户在对话框中输入信息，并可使用默认值，其基本格式如下：prompt（“提示信息”，默认值）。


4、窗口对象中的属性
（１）frames 确文档中帧的数目
frames（帧）作为实现一个窗口的分隔操作，起到非常有用的作用，在使用注意以下几点：
　frames属性是通过HTML标识<Frames>的顺序来引用的，它包含了一个窗口中的全部帧数。
　帧本身已是一类窗口，继承了窗口对象所有的全部属性和方法。
（２）Parent 指明当前窗口或帧的父窗口。
（３）defaultstatus:默认状态，它的值显示在窗口的状态栏中。
（４）status:包含文档窗口中帧中的当前信息。
（５）top:包括的是用以实现所有的下级窗口的窗口。
（６）window.指的是当前窗口
（７）self:引用当前窗口。


5、输出流及文档对象
open() 创建新文档open()方法
Window .open("URL","窗口名字","窗口属性"]
window属性参数是由一个字符串列表项它由逗号分隔，
通常浏览器窗中，总有一个文档是打开的。因而不需要为输出建立一个新文档。
在完成对Web文档的写操作后，要使用或调用close()方法来实现对输出流的关闭。
在使用open()来打开一个新流时，可为文档指定一个有效的文档类型，有效文档类型包括text/HTML、text/gif、text/xim、text/plugin等。
close() 在实现多个文档对象中，必须使用close()来关闭一个对象后，才能打开另一个文档对象。
clear() 清除文档内容clear() 使用该方法可清除已经打开文档的内容。
write()、writeln() 唯一不同之处在于在未尾加了一个换符。为了正常显示其输出信息，必须指明<pre> </Pre>标记，使之告诉编辑器




====== Form 窗体 ======


窗体（Form）:它构成了Web页面的基本元素。通常一个Web页面有一个窗体或几个窗体，使用Forms[]数组来实现不同窗体的访问。
在JavaScript中要对窗体引用的条件是：必须先在页面中用标识创建窗体，并将定义窗体部分放在引用之前。


提交：
document.mytest.submit()
窗体中的基本元素
１、Text单行单列输入元素 ...
２、textarea多行多列输入元素 ...
３、Select选择元素 ...
４、Button按钮 方法：chick(): 事件：onclick
５、checkbox检查框 方法：chick(): 事件：onclick
６、radio无线按钮 方法：chick(): 事件：onclick
７、hidden:隐藏
８、Password口令 方法：select():加亮输入口令域，blur():使这丢失passward输入焦点，focus():获得password输入焦点。
９、submit提交元素 方法：click()相当于按下submit按钮。事件：onclick()当按下该按钮时，产生该事件。


====== Frame 框架 ======
一、框架
框架Frames最主要功用是"分割"视窗，使每个"小视窗"能显示不同的HTM L文件；
不同框架之间可以互动(interact)；
框架可以将屏幕分割成不同的区域，每个区域有自己的URL，通过Frames[]数组对象来实现不同框架的访问。
通过[Framset ]告诉浏览器您要设置几个框架；rows这项参数告诉浏览器您想将视窗分割成几列；而 cols这项参数是告诉浏览器您想将视窗分割成几 行


二、如何访问框架
在前面我们介绍过使用document.forms[]实现单一窗体中不同元素的访问。
而要实现框架中多窗体的不同元素的访问，则必须使用window对象中的Frames属性。


Frames属性同样也是一个数组，他在父框架集中为每一个子框架设有一项。通过下标实现不同框架的访问:
parent.frames[Index1].docuement.forms[index2] 通过parent.frames.length确定窗口中窗体的数目。


除了使用数组下标来访问窗体外还可以使用框架名和窗体名来实现各元素的访：
parent.framesName.decument.formNames.elementName.(m/p)



======KEY WORDS ======


①MIME 的英文全称是"Multipurpose Internet Mail Extensions" 多功能Internet .
最早应用于电子邮件系统，但后来也应用到浏览器邮件扩充服务;
服务器将MIME标志符放入传送的数据中来告诉浏览器使用哪种插件读取相关文件。 
②DOM 文档对象模型（Document Object Model，简称DOM）
DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。
换句话说，这是表示和处理一个HTML或XML文档的常用方法
DOM是HTML与XML的应用编程接口（API）
分级：
1级DOM：DOM核心能映射以XML为基础的文档结构，允许获取和操作文档的任意部分
2级DOM：通过对象接口增加了对鼠标和用户界面事件、范围、遍历（重复执行DOM文档）和层叠样式表（CSS）的支持
3级DOM：通过引入统一方式载入和保存文档和文档验证方法对DOM进行进一步扩展
③W3C 万维网联盟（World Wide Web Consortium，W3C )  标准化组织
④
⑤