1、 J a v a script常 用 属 性 和 方 法林 利2 0 0 7 -6 -1 1Javascript 的 语 法 像 C+,他 主 要 用 于 web页 面 控 制 ， 他 能 控 制 html 文档 的 dom对 象 。 它 是 一 种 弱 类 型 的 语 言 ， 在 使 用 变 量 时 不 用 声 明 变 量 的类 型 。1 变 量 声 明var i=0;var str = “ string” ;var method = function() ./方 法var array = new Array();/数 组var obj new Object（ ） ;对 象2 J a v a
2、 script 控 制 流 程第 一 种 是 选 择 结 构 。 用 来 指 明 两 种 程 序 流 方 向 ， 在 程 序 中 创 建 一 个 交 叉点 （ 像 岔 路 ） 。 在 Jscript 中 有 四 种 选 择 结 构 可 用 。单 一 选 择 结 构 （ if） ，var a=1;var b=1if(a=b) alert( true )二 路 选 择 结 构 （ if/else） ，if(a=b) alert( true ) else( false );内 联 三 元 运 算 符 ?:var c = a=b? true : false ;多 路 选 择 结 构 （ switch）
3、 。第 二 种 类 型 的 程 序 控 制 结 构 是 循 环 结 构 。 使 用 循 环 结 构 来 指 明 当 某 些 条件 保 持 为 真 时 要 重 复 的 动 作 。 当 控 制 语 句 的 条 件 得 到 满 足 时 （ 通 常 在 某些 迭 代 的 特 定 数 字 后 ） ， 控 制 跳 过 循 环 结 构 传 递 到 下 条 语 句 。 在Jscript 中 有 四 种 循 环 结 构 可 用 。在 循 环 的 开 头 测 试 表 达 式 （ while） ，var i=0While(i来 引 入 一 个 js文 件 （ 此文 件 可 以 为 a sp,jsp,a spx ,t
4、x t,等 文 本 格 式 的 字 符 集 ， 但 不 能 为 csp） 他 的位 置 也 可 以 在 html的 任 何 地 方 。Ev a l函 数 可 以 将 你 的 字 符 串 当 做 ja v a scrpit来 执 行 。functio n()functio n metho dNa me(a ,b)return .5 Dhtml文 档 对 象 模 型 （ DOM）文 档 对 象 是 表 示 文 档 和 访 问 ， 操 作 构 成 文 档 的 各 个 元 素 的 应 用 程 序 接口 。 支 持 jav ascrip t的 所 以 浏 览 器 都 支 持 d o m。 Html和 x
5、 ml一 样 是 一 种 树形 结 构 的 文 档 。 Html是 ro o t节 点 h ead ,title,b o d y 是 h tml的 子 （ ch ild ） 节点 ， 互 相 之 间 的 兄 弟 （ sb lin g ） 节 点 ； b o d y ,下 面 的 子 节 点 tab le， sp an ， p等Win d o wDo cu men tHtmlHeadMetaBo d yTab leSp anTitlePHtml文 档 的 树 形 主 要 包 含 表 示 元 素 ， 标 记 的 节 点 和 表 示 文 本 串 的 节 点 HTML文 档 中 的 各 个 节 点 都
6、 是 mo de对 象Do cu men t定 义 的 方 法 主 要 用 于 插 入 文 档 中 的 各 个 类 型 的 节 点一 ： 常 用 的 Do cu men t方 法createAttrib u te() 创 建 新 的 属 性createElemen t() 创 建 新 的 elemen t节 点createTex tNo d e() 创 建 新 的 tex tn o d eg etElemen tBy Id () 返 回 文 档 中 指 定 的 Elemen tg etElemetsBy Tag Name() 返 回 文 档 中 所 以 标 记 名 的elemen tg etE
7、lemen tsBy Name() 返 回 文 档 中 所 以 n ame的elemen tWrite() 在 文 档 中 输 出fu n ctio n createRad io Bu tto n () / Create rad io b u tto n o b ject with v alu e=“First Ch o ice“ an d th en in sert / th is elemen t in to th e d o cu men t h ierarch y . v ar n ewRad io Bu tto n = d o cu men t.createElemen t(“) d
8、 o cu men t.b o d y .in sertBefo re(n ewRad io Bu tto n );/ Create rad io b u tto n o b ject with v alu e=“Seco n d Ch o ice“ an d th en in sert / th is elemen t in to th e d o cu men t h ierarch y . n ewRad io Bu tto n = d o cu men t.createElemen t(“)d o cu men t.b o d y .in sertBefo re(n ewRad io
9、Bu tto n );function fnChangeNode()var oTextNode = document.createTextNode(“New Text“);var oReplaceNode = oSpan.childNodes(0);oReplaceNode.replaceNode(oTextNode);Original Text对 于element节 点 可 以 通 过getAttribute，setAttribute,removeAttribute,来 得到 ， 设 置 或 删 除 一 个element属 性fu n ctio n b tn () v ar b tn = d
10、 o cu men t.g etElemen tBy Id (“b tn “);b tn .setAttrib u te(“v alu e“,“o k “); b tn .setAttrib u te(“o n click “,fu n ctio n ()alert(y o u click ed !); No d e对 象 的 常 用 属 性 和 方 法属 性 ：firstCh ild ,lastch ild ,n ex tSib lin g ,n o d eName,n o d eTy p e,p aren tNo d e,p rev io u sSib lin g方 法 ：ap p en
11、d Ch ild (),clo n eNo d e(),h asCh ild No d es(),in sertBefo re(),remo v eCh ild (),rep laceCh ild () 二 .综 合 运 用 举 列 ：1 遍 历 文 档 书New Do cu men t v ar elemen tName = “; fu n ctio n co u n tTo talElemen t(n o d e) v ar to tal = 0 ;if(n o d e.n o d eTy p e = 1 )/是 否 是 Elemen t对 象to tal+; elemen tName =
12、 elemen tName + n o d e.tag Name + “rn “;v ar ch ild ren = n o d e.ch ild No d es;fo r(v ar i=0 ;iasd fasd fasf2 .修 改 文 档 内 容 fu n ctio n rev erseNo d e(n o d e) v ar k id s = n o d e.ch ild No d es; v ar k id sNu m = k id s.len g th ;fo r(v ar i=k id sNu m-1 ;i=0 ;i-) v ar c =n o d e.remo v eCh ild
13、 (k id si);n o d e.ap p en d Ch ild (c); 1 2 3 开 发 工 具 ：通 过 v s2 0 0 5 可 以 调 试 jav ascrip t 并 且 可 以 使 用 及 时 窗 体 和 堆 栈 调 用 查询 。 在 ie中 启 用 脚 本 调 试 及 可 ； 并 且 在 .js文 件 中 设 置 断 点 ；Js常 出 现 的 错 误 有1 . 路 径 引 用 不 正 确 ， 修 改 路 径2 . 字 符 编 码 有 问 题 ， 重 建 js文 件 ， 复 制 粘 贴 。3 . 属 性 和 方 法 不 起 作 用 ， 考 虑 兼 容 性 和 版 本 问 题 。4 . 其 他 ， 调 试 。J a v a script资 料Msdn web 开 发 -scripting -J script
