javascript 语言知识

 由于是客户端解析的脚本语言，本身也不需要编译就可以执行，所以想实现：Hello World！非常简单。
代码：
  

   < script >
        alert(“Hello World！”);
        alert(“Hello JavaScript！”);
     </ script >

注意一：
　<script language=“JavaScript” type=“text/javascript” >...</script> 中的 language=“JavaScript” 用法是 HTML 4.0  以前版本的用法，写上去是为了兼容低版本的浏览器，HTML 4.0 开始倾向于 type 属性，即 type=“text/javascript”。

注意二：
　另外有些时候还使用 <!-- 和 //--> 将代码括起来，其作用是使得不支持 JavaScript 的旧版本浏览器能够忽略脚本内容。
示例：

< script language = ‘JavaScript’ type = ‘text / javascript’ >
     <! —
     // 代码内容
     // -->
</ script >

⑵放于 *.js 文件中在页面文件中加载。
    格式：
    <script language=“JavaScript” type="text/javascript" ></script>
    注意：
　　在 js 文件中不需要 <script>…</script> 标签。

⑶另外，在链接或页面某个元素部分调用触发事件时可以直接写一些简单的 javascript 语句。
　这种情况也是比较常见的调用 Javascript 的方式，比如：
    <input type=‘text’
        />

JavaScript 一共有 9 种数据类型,分别是：
　　未定义(Undefined)、空(Null)、
　　布尔(Boolean)、字符串(String)、
　　数值(Number)、对象(Object)、
　　引用(Reference)、列表(List)、
　　完成(Completion)。
　　　其中后三种类型仅仅作为 JavaScript 运行时中间结果的数据类型，因而不能在代码中使用。

可以使用 typeof 操作符来获取变量的数据类型。例如：
   

var  a  =   1 ;
     var  b  =    ' 1 ' ;
    alert( typeof (a));     // number
    alert( typeof (b));     // string
    a  =   new  Date();
    alert( typeof (a));     // object

JavaScript 常用对象   
Window 窗口对象：
Frame        可以在同一屏幕上显示多个互不干涉的可滚动框架的窗口，每个框架有其自己的 URL 。
History        包含了一组客户已经在窗口中浏览过的 URL 的信息。
Location    包含了当前 URL 的信息。
Screen        包含了描述显示屏幕和颜色的属性。
Window     描述了一个浏览器窗口或框架。这是每个

文档关联对象
Anchor        超文本链接指向文档某处的目的地
Applet        在 Web 页上包含 Java 小应用程序。
Area        将图像的一个区域定义为图像映射。
Document    包含了当前文档的信息，并提供了向用户显示 HTML 输出的方法。
Image        HTML 表单中的一个图像。
Layer        对应一个 HTML 页中的层，并提供了操纵该层的一种手段，不推荐使用，兼容性不好。
Link        被申明为超文本链接的一片文本、一个图象、图象的一个区域

mouse 事件：
onMouseDown        鼠标按键按下
onMouseUp        鼠标按键抬起
onMouseOut        鼠标离开区域
onMouseOver        鼠标划过区域
onMouseMove        鼠标移动
onClick        鼠标单击事件
onDbClick        鼠标双击事件

event 事件：
onFocus        得到焦点
onBlur        失去焦点时
onChange        值改变时
onDragDrop        拖动放下
onKeyDown        键盘按键按下瞬间
onKeyPress        键盘按键按下时
onKeyUp        键盘按键释放
onSelect        选中文本

event 事件：
onLoad        加载页面时
onUnload        卸载，离开当前页面时触发
onMove        窗口移动
onResize        改变窗口大小
onReset        表单重置
onSubmit        提交表单
onAbort        忽略、取消操作
onError        错误

alert        弹出信息（字符串）
    语法：alert("信息")
confirm        二选一，提示一个字符串信息，选择是或否，返回值是 Boolean 型。
    语法：confirm("信息")
prompt        自定义内容，接受用户输入的信息，一般使用某一变量接收其返回内容
    语法：prompt("提示信息“, 默认值)

form 对象：
        表单(form)是 web 页面中最常用的元素之一，它通常由一个或多个表单域组成，这些表单域接收用户的输入，并通过表单的提交功能将数据传递到服务器端，由服务器端对这些数据进行处理。JavaScript 中可以很方便的操作表单，例如获取表单域的数据进行有效验证、自动给表单域赋值、处理表单域的事件等。

Form 对象的属性：
action    返回或者设置表单提交到的页面
elements    获取一个数组，包含该表单中所有表单域的集合
encoding    返回或设置表单的 MIME 类型，默认为：application/x-www-form-urlencoded
length    该表单中表单域的数量
method    表单提交方式(post 或 get)
name        表单的名称
target    表单提交的目标
Form 对象的方法：
submit    相当于单击表单内的 submit 按钮，表示提交表单到指定页面
reset        相当于表单内的 reset 按钮，表示恢复所有表单域的初始值

Form 对象的方法：
onsubmit    在表单提交之前触发
onreset    在表单被重置之前触发

disabled
　　该属性可设置表单项的只读属性，显示颜色为灰色并且无法访问或改变表单项内容，设置方式是添加一个属性：disabled=‘disabled’。
    　使用 disabled 属性的表单项在提交时不会将值传递到下一个页面。
    　与 html 语言标记的 readonly 属性不同，readonly 在 JavaScript 中不是有效属性，仅仅使表单项不能获得焦点，不会灰显。

表单域的通用属性：
name
    　对应 html 标记中的 name 属性，用来获取或者设置表单项的名称。
form
    　可以用来方便的引用某一表单项所在的表单。
    　例：this.form
value
    　文本框中的文本、密码框中的密码、隐藏域中的传递值、单选和复选按钮中被选中项目的 value 值会提交、按钮上显示的文字、下拉列表中选中的项的值。

cookie 是浏览器提供的一种机制,它将 document 对象的 cookie 属性提供给 JavaScript。可以由 JavaScript 控制而并不是 JavaScript 本身的性质。不同浏览器对 cookie 的实现不同，但其性质是相同的。cookie 是一种全局变量，其主要用途大概有：保存用户登录状态、跟踪用户行为、定制页面、创建购物车……

设置 cookie：
每个 cookie 都是一个名/值对，可以把下面这样一个字符串赋值给 document.cookie：
document.cookie = ‘userId=1’;
一次存储多个名/值对，可以使用分号加空格（; ）隔开，例如：
document.cookie = ‘userId=1; userName=xanadu’;
在 cookie 的名或值中不能使用分号、逗号、等号以及空格，对于存储的内容可以使用 escape()进行处理以避免无法确定的 cookie 值出现。
document.cookie = ‘str=‘ + escape(‘I love JavaScript!’);
相当于：
document.cookie = ‘str=I%20love%20JavaScript’;
然后在取值时在调用 unescape() 解码才能得到原来的内容。

获取 cookie 的值：
cookie 的值可以由 document.cookie 直接获得：
var strCookie = document.cookie;
这将获得以分号隔开的多个名/值对所组成的字符串，这些名/值对包括了该域名下的所有 cookie。但是这只是一个字符串，需要用分析字符串的方式进行处理才能得到单个的变量值。
给 cookie 设置终止日期：
document.cookie = ‘userId=1; expires=GMT_String’;
GMT_String 是以GMT 格式表示的时间字符串，这条语句是为userId 这个 cookie 的过期时间设置为 GMT_String 表示的时间，超过这个时间，cookie 将消失，不可访问。
删除 cookie
其实就是再次设置 cookie 的过期时间为过去的某一个时间。

关于 Cookie
指定可访问 cookie 的路径
为了控制 cookie 可以访问的目录，需要使用 path 参数设置 cookie，语法如下：
document.cookie = ‘name=value; path=cookieDir’;
其中 cookieDir 表示可访问 cookie 的目录。例如：
document.cookie = ‘userId=320; path=/bbs’;
就表示当前 cookie 只能在 bbs 目录下使用。
如果想使 cookie 在整个网站下可用，可以将 cookieDir 指定为根目录，如：
document.cookie = ‘userId=320; path=/’;
指定可访问 cookie 的主机名
document.cookie = ‘name=value; domain=cookieDomain’;
cookieDomain 代表指定的主机名，例如：
document.cookie = ‘name=value; domain=.google.com’;

DOM 模型的全称是 Document Object Module，即文档对象模型，它定义了操作文档对象的接口。在这个模型中，一个文档被看成结构化的数据，对于 XML 就像一棵树的结构，树中的每个结点对应一个 XML 标记，都是一个对象。
例如 Web 页面的 Html 文档，document 就是根结点，其他的子对象，如链接、图片、表单等都是树叶。事实上，DOM 模型更多的是一个对象模型，并不依赖于结构，树状结构只是该模型的一个实现。既然它是对象模型，也就规定了每个对象具有哪些接口，例如添加结点、删除结点等。
DOM 相关
DOM 相关
在 DOM 模型中引用一个结点可以有多种方式：
使用 document.getElementById() 引用指定 id 的结点。
在 HTML 文档中，每个标记都可以有一个 id 属性。标准中规定：这个 id 必须是整个文档唯一的。对于这个属性，document 提供了 getElementById 方法来获取这个结点的应用。
使用 document.getElementsByTagName() 引用指定标记名称的结点。
这个方法可以用来获取指定标记的元素结点的集合，返回一个数组，包含对这些结点的引用。
DOM 相关
IE 下微软提供了 MSXML 控件来支持 XML 操作。每个系统安装的 MSXML 版本都有可能不同，因此在编写程序的时候要注意版本的确定。目前 MSXML 从旧到新有以下几个版本。
Microsoft.XmlDom(最初的版本)
MSXML2.DOMDocument
MSXML2.DOMDocument.3.0
MSXML2.DOMDocument.4.0
MSXML2.DOMDocument.5.0
DOM 相关
在基于 Mozilla 的浏览器中（如 Mozilla、FireFox、Netscape 6+ 等），对 XML 操作的支持是集成在浏览器内部的，这与 IE 浏览器使用外部控件的方式不同。
Mozilla 浏览器的 DOM 模型对 XML 的操作方式也与 IE 浏览器有所不同，IE 浏览器中的 XML 操作均集成在 DomDocument 对象中，而 Mozilla 浏览器中对 XML 的操作主要可以分为 3 个对象：
Document 对象：        主要存放 XML 的数据及其结构；
XMLSerializer 对象：    负责 Document 对象的序列化；
DOMParser 对象：    负责解析 XML 文本。
DOM 相关
Document 对象的创建是通过 createDocument 来进行的，createDocument 是 DOM 模型规定的一个标准方法，它的原型代码如下：
Document createDocument (
    in DOMString namespaceURT,
    in DOMString qualifiedName,
    in DocumentType doctype
) raises (DOMException);
namespaceURI 为文档的名字空间
qualifiedName 是文档的限定名
docType 则是文档的类型。
这几个参数一般情况下全部传空值就可以了。

使用 throw 语句抛出异常
JavaScript 有自己的异常机制，遇到非法操作时可自动抛出异常，异常有系统内置的，也可以自定义。

function  sum(a, b)  ... {
a = parseInt(a);
b = parseInt(b);
if(isNaN(a) || isNaN(b)) ...{
    throw new Error(‘参数非数字’);
}
return a + b;
}
try   ... {
    var s = sum(‘c’, ‘d’);
}   catch (e)  ... {
    alert(e.message);
}