7章JavaScript和DHTML1.ppt

1 第七章JavaScript与DHTML 2 本章主要的内容在网页中插入脚本语言通常有三种使用SCRIPT标记符在标记符中直接嵌入脚本链接外部脚本文件脚本语言的基本要素包括 变量 运算符 表达式 语句 以及函数JAVASCRIPT是一种基于对象的脚本语言 它可以使用JAVASCRIPT对象和浏览器对象这两类对象 DHTML技术结合了HTML CSS和客户端脚本技术 在脚本中引用和动态更改各种HTML对象属性 包括CSS属性 3 7 1 1 1什么是客户端脚本一 脚本 SCRIPT 实际上就是一段程序 用来完成某些特殊的功能 脚本程序可以在服务器端运行 称为服务器端脚本 例如 ASP脚本 JSP PHP脚本等 也可以直接在浏览器端运行 称为客户端脚本 4 客户端脚本经常用来检测浏览器 响应用户动作 验证表单数据以及显示各种自定义内容 如特殊动画 对话框等 因此在对网页进行验证或响应用户动作时无须使用网络与WEB服务器进行通信VBSCRIPT仅被Internetexplorer所支持 而JAVASCRIPT则被几乎所有的浏览器支持 几乎已经成为客户端脚本的标准 5 二 JavaScript和Java的区别 1 不同公司开发的不同产品 JavaScript是Netscape 网景 公司开发的 目的是扩展NetscapeVavigator功能 Java是SunMicrosystem公司开发面向对象的程序设计语言 6 2 JavaScript基于对象的 它是脚本语言 它基于对象和事件驱动 它本身提供非常丰富对象供设计人员使用 Java是真正的面向对象的语言3 JavaScript和Java在浏览器的执行方式不同 JavaScript是解释编程语言 源代码在发往客户端执行之前不进行编译 由Web页面一起下载 由浏览器解释执行 Java源代码在发往客户端执行之前就进行编译 在客户端必须有相应平台的仿真器和解释器 通过编译器或解释器实现独立于某个特定编译代码 7 7 1 1 2使用SCRIPT标记符插入脚本置于网页上的head部分或body部分 但最好还是将脚本代码放在head部分 以确保容易维护 当然 由于某些脚本的作用是在网页特定部分显示特殊效果 此时的脚本就会定位于body中的特殊位置一般同时用language属性和type属性指出脚本的类型 8 JavaScript语法如下 注意 结束标记之前有两道斜杠 这两道斜杠是JAVASCRIPT语言中的注释 9 例7 1javascrip示例 函数调用 提问 10 7 1 2直接添加脚本可以直接在html表单的输入元素标记符内添加脚本例7 2javascrip示例 11 7 1 3链接脚本文件可以将脚本放在单独一个文件里 然后再从任何需要文件的web页中引用该文件SCRIPT标记符得src属性来指定外部脚本文件的url浏览器只使用在外部文件中的脚本 并忽略任何位于SCRIPT标记符之间的脚本例7 3链接脚本文件在test js文件functionshowmsg alert 欢迎您来到JavaScript世界 12 javascrip示例 13 7 2Javascript简介 Javascript脚本语言与其他语言一样 有它自身的基本数据类型 表达式 程序结构 条件语句 循环语句 数组 函数 对象等 14 7 2 1Javascript语言基础7 2 1 1JavaScript变量JAVASCRIPT也是采用变量存储数据 所谓变量的主要作用是存取数据和提供存放信息的容器 JAVASCRIPT并不要求指定变量中包含的数据类型 这种特性通常使JAVASCRIPT被称为弱类型的语言 15 仅简单的用var定义所有的变量 变量的类型有赋值语句隐含确定变量还可以先赋予一种类型的数值 然后再根据需要赋予其他类型的数值 JAVASCRIPT中也可以事先不声明一个变量而直接使用 自动生成该变量 JAVASCRIPT变量保存值有三种类型字符串 string 数字 Number 布尔 Boolean 16 例题08 10 8 1 无标题文档varsrtName 高尚 varstryuee 10000 varboosex true document write 帐户姓名 srtName document write 帐户性别 boosex document write 帐户余额 stryuee 17 变量的作用范围 在函数之外定义的变量 称全局变量 用于当前所有文档在函数之内定义的变量 称局部变量 仅作用于函数内部用户可以通过指定窗口或框架的名字调用全局变量JavaScript采用动态编译 动态编译不易发现代码中错误的 用变量定义有利差错 确定变量的作用范围 18 Javascript支持的数据类型如下 Number 数字 包括整数和浮点数及NaN 非数 数据用64位IEEE754格式String 字符串 包括单引号和双引号的字符串Null 空 包括一个NULL值Undefined 未定义 表示变量还没有赋值 每赋任何类型Object各种对象类型 如数组类型Array 日期对象Date等 19 7 1 1 2javascript运算符运算符有8类算术运算符 取模 等逻辑运算符 比较运算符 等于 不等于 严格等于 字符串运算符 是字符串链接运算符 20 位运算符 无符号运算符 赋值运算 条件运算符 其他运算符 成员选择运算符 下标 函数括号 逗点运算符 delete运算符 new生成一个对象实例 typeof返回操作数类型的字符串值 void不返回任何数值 JAVASCRIPT中的其他运算符要么是双目运算符要么是单目运算符 说明 单目 双目 三目或多目运算符也称为单元 二元 三元 或多元运算符大多数JAVASCRIPT运算符都是双目运算符 既具有两个操作的运算符 通常用以下方式进行操作 21 表达式表达式是运算符和操作数的组合7 2 1 3javascript语句JAVASCRIPT语句条件语句if语句 ifelse语句 switch语句等三种条件语句if语句是最基本的条件语句 格式是 if 条件 语句例如 if a 1 a 如果要执行的语句有多条 则应使用 大括号将这些语句括起来说明 如果要在同一行中书写多个语句 语句之间应用 分号分隔 22 Ifelse语句格式 if 条件 语句1 else语句2 除了用条件语句的嵌套表示选择 还可以直接用elseif获得这种效果格式如下 23 if 条件1 语句1 elseif 条件2 语句2 elseif 条件3 语句3 else 24 例如 javascript1 html 25 请输入字符 26 switch语句如果需要同一个表达式进行多次判断 那么就可以使用switch语句 格式如下 switch 表达式 Casevalue1 Statement1 注意 此处即使使用了多条语句 也不能使用大括号 Break 注意 如果不使用Break语句断开各个case 则在执行 如果确实执行 此case中的语句结束后会直接继续执行下一个case中的语句 27 Casevalue2Statement2Break casevalueNstatementNbreak default statement 28 break case1 document write Iis1 break case2 document write Iis2 break case3 document write Iis3 break default document write Iisgreaterthan3 break 例题javascript2 29 循环语句for语句的表达格式如下 for 初值 终值 循环变量 表达式 for循环的执行步骤 30 dowhile语句格式如下dowhile语句是while语句的变体do 语句 while 表达式 while语句格式如下 while 表达式 语句 31 dowhile语句与while语句的区别是循环体语句至少执行一次 Label语句Label语句用于为语句添加标号 在任意语句前放上标号名称即可为该语句指定标号 Break语句Continue语句 32 其他语句with语句例如 with math d 2 PI r forin语句 用于对一个对象的所有属性进行循环 直到每个属性都訪問到 有关document对象的信息 请参见7 2 3节 33 7 2 1 4JAVASCRIPT函数1 定义函数函数是已命名的代码块 必须先定义函数 函数定义通常放在html文档头中 也可以放在其它为位置Function函数名 函数参数 代码段 34 2 函数的返回值如果需要函数的返回值 那么可是用函数的返回值return语句JAVASCRIPT中包含以下的7个全局函数 escape 以一个string对象或表达式为参数 并返回string对象 该函数是JAVASCRIPT语言固有部分 数字或字符串返回他们本身 对于符号返回他们的ASCII码 形势为 XXX例如 document write escape Hi 返回结果Hi 21 35 Unescape 将16进制转换为ASCII码返回 完成escape 的逆操作 isfinite 函数用于确定一个变量是否有界 如果有界则返回true否则返回false 所谓有界是指表达式的值介于MAX VALUE和MIN VALUE之间 无穷大的数无界 36 eval 表示对作为数字表达式的一个字符串进行求值 语法如下 eval 被求职的字符串参数 如果该字符串是一个表达式 eval求该字符串表达式的值 如果字符串代表一个或JAVASCRIPT语句 eval执行这些语句 eval函数可以用来把一个日期从一种格式转换为数值表达式或数字 37 isnan 函数用于确定一个变量是否是NaN 如果是则返回true否则返回false NaN代表NotaNumber 表示非数parsefloat 函数用于将字符串开头的整数或浮点数分解出来parseint 将字符串开头的整数分解出来 不是数据开头的 返回NaN 38 7 2 2使用JAVASCRIPT对象7 2 2 1什么是对象一 对象是客观世界中存在的特定实体 对象包含两个要素 1 用来描述对象特性的一组数据 也就是若干变量 通常称为属性 2 用来操作对象特性的若干动作 也就是若干函数 通常称为方法 方法是作为某个对象成员的函数 属性是作为对象成员的一个值 数组 或对象的形式 39 二 在JAVASCRIPT中可以操作的对象通常包括几种类型 1 JAVASCRIPT内置对象 例如 数组对象array 日期对象date 数字对象math String等 2 用户自定义对象3 由浏览器根据页面内容自动提供的对象4 服务器上固有的对象 40 Javascript中的对象由属性和方法两个基本元素构成 属性成员是对象的数据 方法成员是数据的操作 Javascript中还提供几个处理对象的语句 this for in with new 41 通过访问或设置对象的属性 调用对象的方法 我们就可以对对象进行各种操作 从而获得需要的功能 对象属性 对象名 属性名 属性值 名字大小写是敏感 例如 Food make China Food year 2007Food year 2007 属性是数组 42 三 创建对象 用户可以构建函数方法创建对象 1 用new运算符来创建该对象的实例 创建一个函数来指定对象名字 属性和方法来定义对象类 例如 需要创建对象类为car 它具有的属性包括make model year color 可以按一下方法实现 43 先创建一个函数 Founctioncar make model year this make make this model model this year year 下面就可以创建一个对象 如下mycar newcar Benz s600 2000 还可以给先前定义的对象添加一个属性例如 mycar color red 44 2 用对象初始化程序来创建对象 新对象名 属性 属性值 属性 属性值等 例如 myBanz color silverywhite wheeis 4 engine cylinders 4 size 3 0 45 四 索引对象属性 在Javascript中 对象也是一个数组 用户可以按名称来引用一个对象的属性和方法 也可以使用数组的下标索引来引用 例如 某文档有两个表单 其中第二个表单名为myForm 以下写法都正确Document myForm Document Forms 1 下标从0开始Document Forms myForm 46 五 定义方法 方法是对象的集合 可以向定义函数一样定义方法 方法就是赋予某个对象的一个函数例如 functiondisplaycar varresult ABeautiful this year this make this model pretty print result 对于前面定义car的对象类 可以调用如下方法 Car1 displaycar Car2 displaycar 47 对象引用 Javascript有一个关键字this 在方法中引用当前对象 当用于Form属性时 this关键字引用当前对象的父系表单 如下列 当用户按下按钮时 text对象内文本框内容将以其父系表单的名字新名来代替原值原名或值Formname 例如 duixiang html 48 使用对象 1 关键对象 Window对象是所有对象的 父 对象 Window对象有一些方法 Open和close打开 关闭浏览器窗口Alert显示一警告对话框 Confirm显示一个有ok和cancel按钮Prompt显示一个输入值文本域的提示对话框Blur和focus在窗口中移去或得到一个焦点 49 scrollTo卷动窗口到指定的坐标setInterval在每个指定时间段对一个表达式赋值或调用一个函数setTimeout在每个指定时间段对一个表达式赋值或调用一个函数 50 Form表单对象 一个文档可以包含多个表单 因此Form对象被存储在Forms数组 形成每个表单为Forms 0 的格式例如 document forms 1 elements 0 Location对象 具有基于当前URL的属性 例如hostname属性是当前文档服务器和域名 他有两个方法 reload强制窗口重载当前文档 replace从当前历史纪录安装制定的URLHistory对象 包含各户曾经访问过的URL列表 可以用当前页 下页 前页的历史纪录 还可以用history数组访问别的历史记录值 也可以用Go方法重定向客户到任何历史记录例如 history go 2 51 Document对象 是文档页Ancher Applet Area Form Image Layer Link和Plugin对象的父对象 在Html文档中大多数都是他的属性 例如 document title Document属性 例如 document myform button1 value document title 当用户点击按钮 按钮上的字获得文档中的标题 1 write方法 显示输出信息例如 xiefangfa html 52 functionoutput headLevel headText document write headText 53 54 55 Javascript事件 Blur 窗口和所有表单元素 用户从窗口或表单中移开输入焦点 onBlurChange textfields textareas selectlists用户改变元素值onChangsClick 按钮 单选按钮 复选框 链接用户在表单元素或在链接上单击onClickFocus 窗口和所有表单元素在窗口或表单元素上获得焦点onFocusLoad 文本体用户装载页onLoadMouseDown 文档 按钮 链接用户按下鼠标健onMouseDownMouseMove默认用户移动光标onMouseMoveMouseOver 链接用户在链接上移动光标onMouseOverMove窗口用户或脚本移动窗口onMoveReset表单用户重置表单onRsetResize窗口用户或脚本改变窗口大小onResizeSelecttextfields textareas用户选择表单元素的输入域onSelectSubmit表单用户提交表单onSubmitUnload文本体用户退出页面onUnload 事件应用对象发生条件事件处理源 56 例如 鼠标事件 修改上面语句 得到的效果 57 7 2 2 2Array对象Array对象也就是数组对象 用于实现编程语言中最常见的一种数据结构 数组 array对象的构造函数有三种 分别用不同的方式构造一个数组对象 1 Varvariable newarray 创建数组长度为0 当具体为指定数组元素时 JAVASCRIPT自动延伸数组的长度 58 variable 20 test20 在JAVASCRIPT中用 进行数组下标引用variable 30 test30 2 Varvariable newarray int a newarray 20 第二中构造函数时使用数组的长度作为参数 此时创建出一个长度int的数组 但并没有指定具体的元素 同样 当具体指定数组元素时 数组的长度也可以动态更改3 Varvariable newarray arg1 arg2 argn 给元素赋值 59 直接使用数组元素作为参数 此时创建出一个长度n的数组 同时数组元素按照指定的顺序赋值 在构造函数使用数组元素作为参数时 参数之间必须使用逗号分隔开 Myarray newarray 0 1 2 3 4 引用VarMyarray 0 1 2 3 4 构造出了一个二维数组并将其元素在表格中显示 60 例7 4 html创建数组 varA newArray A 0 newArray 背心 30 80 A 1 newArray 鞋 50 200 A 2 newArray 袜子 100 10 61 document write document write 产品数目单价 for i 0 i for j 0 j A i j document write document write 62 Date对象表示从年到毫秒的所有时间 创建日期对象可以是用以下4种构造函数中的一种 1 varA1 newDate 2 varaa newDate milliseconds 3 varxx newDate string 4 vary2 newDate yeas month day hours minutes seconds milliseconds Date对象 63 第一种构造函数使用当前日期和时间创建date实例第二种构造函数使用从gmtdate实例 第三种构造函数使用特定的表示日期和时间的字符串来创建date实例 该字符串应该与date对象的parse方法相匹配 可以是 year mouth day hours minutes seconds 第四种构造函数使用年 月 日 小时 分钟 秒 毫秒的形式创建date实例 64 Date对象的常用方法如下 Getdate 返回一个整数 表示一月的某一天Getday 返回一个整数 表示星期中的某一天Gethours 返回表示当前时间中的小时部分的整数Getminutes 返回表示当前时间中的分钟部分的整数Getmouth 返回表示当前日期中月的整数Getseconds 返回表示当前日期中秒部分的整数Gettime 返回从GMT时间1970年1月1日凌晨到当前Date对象指定的时间之间的毫秒数 65 Getyear 返回日期对象中的年份 用2位或4位数字表示toGMTString 返回表示日期对象的世界时间的字符串 日期在转换成字符串之前转换到GMT零时区toLocalString 返回一个表示日期对象所表示的当前时间的字符串tostring 返回一个表示日期对象的字符串注意 对于系统提供的日期及时间函数的第一个字母要大写 如 date day mouth等 66 例7 4显示欢迎信息 myDate newDate myHour myDate getHours if myHour 6 welcome1 凌晨好 elseif myHour 9 welcome1 早晨好 elseif myHour 12 welcome1 上午好 elseif myHour 14 welcome1 中午好 elseif myHour 17 welcome1 下午 67 elseif myHour 数组定义 68 7 2 2 4math对象math对象包含用来进行数学计算的属性和方法 其属性也就是标准数字常量 其方法则构成了数学函数库 math对象可以在不使用构造函数的情况下使用 并且所有的属性和方法都是静态的 math对象的属性和方法如表7 1所示引用方法math sqrt Math x 对象 方法 69 7 2 3 1文档对象模型文档对象模型是用于表示html元素以及web浏览器信息的一个模型 它使脚本能够访问web页上的信息 并可以访问诸如网页位置等特殊信息 通过操纵文档对象模型中对象的属性并调用其方法 可以使脚本按照一定的方式显示web页并与用户的动作进行交互模型的方式使得对象模型与语言无关 从而可以获得更轻的可扩展性 Javascript对象模型和IE对象模型非常相象 7 2 3使用浏览器对象 70 再该层次结构中 最高层的对象是窗口对象 它代表当前的浏览器窗口之下是文档 事件 框架 历史 地址 浏览器和屏幕对象 在文档对象之下包括表单 图像和链接等各种对象 在浏览器对象之下包括mine类型对象和插件对象 在表单对象之下还包括按钮 复选框 文件选择框等多种对象 71 Javascript中引用对象的方式与典型的面向对象方法相同 都是根据对象的包含关系 使用成员引用操作符 一层一层的引用对象 例如 使用window doucment因此引用它的对象时 可以不使用window 当引用较低层次的对象时 一般有两种方式 使用对象索引或使用对象名称 或ID 例如 如果要引用文档中的第一个表单对象 则可以用doucment form 0 来引用 如果该表单的name属性为form1 则可以用doucment form form 或直接用doucment form1来引用该表单 72 对应于不同的对象 通常还有一些特殊的引用方法 例如 如果要引用表单对象中包含的对象 可以使用elements数组 如果要引用文档对象中包含的某个标记符对象 例如P对象 可以使用doucment对象的all属性 等等 73 7 2 3 2Document对象1 document对象的属性all 表示文档中所有html标记符的数组bgcolor 表示文档的背景颜色forms表示文档中所有表单的数组title表示文档的标题 74 例7 6 1动态更改背景颜色动态更改背景颜色 75 可见度飞过海环境 76 2 document对象的常用事件事件 event 在此的含义就是用户与web页面交互时产生的操作 还有两个常用的事件 onload和onunload 分别在文档装载完毕和卸载完毕时发生例7 7处理加载与卸载事件处理加载与卸载事件onload和onunload事件示例 77 3 document对象的常用方法例7 8document write的运用helloworld 78 而使用document对象的write方法可以在文档中写特定内容 79 1 window对象的常用属性document 表示窗口显示的当前文档history 表示窗口中最近访问过的url列表location 表示窗口中显示的当前的urlstatus 表示窗口状态栏中的临时信息 7 2 3 3window对象 80 例7 9window对象的应用在状态栏显示文字实例在状态栏显示文字实例 81 2 window对象的常用方法alert string 显示提示信息对话框 例7 7 clearinterval interval 清除由参数传入的先前用setinterval 方法设置的重复操作 close 关闭窗口confirm 显示确认对话框 其中包含 确定 和 取消 按钮 如果用户单击 确定 按钮 confirm 方法返回true 如果用户单击 取消 按钮 confirm 方法返回false 82 open pageURL name parameters 创建一个新窗口实例 该窗口使用name参数作为窗口名 装入pageURL指定的页面 并按照parameters指定的效果显示prompt string1 string2 弹出一个要求键盘输入的提示对话框 参数string1的内容作为提示信息 参数string2的内容作为文本框中的默认文本 83 setInterval expression milliseconds setinterval function milliseconds arg1 arg2 argN 按照参数milliseconds指定的时间间隔 循环触发通过参数传入的表达式或函数 如果函数需要参数 则由arg1 arg2 argN传入 可以用clearinterval 方法取消设置的重复操作 84 例7 10打开与关闭窗口示例打开与关闭窗口示例打开与关闭窗口示例 html 85 新建窗口 newWin htm 86 导航列表示例清在以下列表中学责任以选项 以便导航到需要的页面 selectname navbar 7 2 3 4form对象例7 11导航列表示例 87 onchange location document form1 navbar options document form1 navbar selectedIndex value location相当于window location selectdindex属性表示当前选中的选项 导航 选项一选项二选项三 88 纵向滚动文本效果最新动态 例题 89 1 最新动态2 最新动态 90 7 3DHTML技术7 3 1什么是DHTMLDHTML就是动态html 它是html CSS和客户端脚本的一种集成 Dhtml可分为三个方面 一是html 也就是页面中的各种页面元素对象 他们是被动态操纵的内容 二是CSS CSS属性也是动态操作的内容 从而获的动态的格式效果 三是客户端脚本 它实际操纵WEB页上的html和CSS 91 使用Dhtml技术 可是网页设计者创建出能够与用户交互并包含动态内容的页面所有这些功能均可用浏览器完成而无需请求WEB服务器 同时也无需重新装载网页 92 例7 13 插到body或head都可以 html 动态时间显示 functionacquireTime today newDate with today 93 document all mytimer innerText 现在时间 getHours 点 getMinutes 分 getSeconds 秒 if getHours 0 94 注意 装载有多项 注意双引号和分号 的使用 例如 95 例如7 14 制作显示 折叠菜单将鼠标指针移动到页面导航条上时 会动态地弹出一个菜单 在该菜单中移动鼠标 所指向的菜单项变为红色现实 如果将鼠标指针移出菜单所在范围 则菜单自动隐藏 如果将鼠标指针移动到导航条上另外一个区域 则会弹出另外一个菜单这种效果非常类似于Windows应用程序的特性 即通过图形化的界面为用户提供尽可能多的功能 要实现这种效果 单纯依靠HTML和Javascript已经无法实现 使用DHTML 96 例7 14动态菜单 97 functionmenuChange varsrc varsubId src window event srcElement if src className menu 判断是否单击了菜单项 subId sub src id if document all subId style display none 如果没有显示子菜单 则显示 document all subId style display else 如果已经显示子菜单 则折叠 事件 98 document all subId style display none 单击一个菜单项则可以打开或折叠菜单 菜单项1子菜单1 99 子菜单项2子菜单3 菜单项2 100 子菜单1子菜单2 菜单项3 101 子菜单1子菜单2 102 实例静态图层效果 浏览 zhang wangye jingtaituceng htm 103 操作过程 1 在网页中添加层 调整到网页中合适的位置 2 更改层的编号 即层的名称 3 在图层中插入图片 104 4 在Body中输入如下代码functionKB keepItInIE theName theWantTop theWantLeft theRealTop parseInt document body scrollTop theTrueTop theWantTop theRealTopdocument all theName style top theTrueToptheRealLeft parseInt document body scrollLeft theTrueLeft theWantLeft theRealLeftdocument all theName style left theTrueLeft 105 functionKB keepItInNN theName theWantX theWantY theRealLay document layers theName theBadX self pageYOffsettheBadY self pageXOffsettheRealX theBadX theWantXtheRealY theBadY theWantYtheRealLay moveTo theRealY theRealX 106 IE4 document all 1 0NN4 document layers 1 0if IE4 setInterval KB keepItInIE KBStatic1 150 13 1 if NN4 setInterval KB keepItInNN KBStatic1 150 13 1 值确定静态层在网页的位置 改变150的值就是改变顶距离 改变13就是改变左距离 层的名称 107 5 删除网页顶上如下代码 注 使网页层处于静态 108 注意 setInterval KB keepItInIE KBStatic1 150 850 1 if NN4 setInterval KB keepItInNN KBStatic1 150 850 1 修改层的行 列位置 109 状态条上的滚动字将代码插入到脚本中 110 functionwh showStatus if wh StatusType left wh StatusText wh StatusText elseif wh StatusType right wh StatusText wh StatusText substring 1 wh StatusText length if wh StatusText wh StatusText length 80 wh StatusText 状态栏文字演示 if wh StatusType right while wh StatusText length 80 wh StatusText wh StatusText status wh StatusText setTimeout wh showStatus wh StatusSpeed wh StatusText 状态栏文字演示 wh StatusSpeed 50 wh StatusType right if wh StatusType right while wh StatusText length 80 wh StatusText wh StatusText setTimeout wh showStatus wh StatusSpeed 111 实例 日历表在网页中添加日历表的方法 1 复制代码2 在网页中添加一个层或表格的单元格3 在网页中选择 插入 HTML 脚本对象 脚本 代码如下 112 varbsYear varbsDate varbsWeek vararrLen 8 数组长度varsValue 0 当年的秒数vardayiy 0 当年第几天varmiy 0 月份的下标variyear 0 年份标记vardayim 0 当月第几天varspd 86400 每天的秒数varyear1999 30 29 29 30 29 29 30 29 30 30 30 29 354varyear2000 30 30 29 29 30 29 29 30 29 30 30 29 354varyear2001 30 30 29 30 29 30 29 29 30 29 30 29 30 384varyear2002 30 30 29 30 29 30 29 29 30 29 30 29 354varyear2003 30 30 29 30 30 29 30 29 29 30 29 30 355varyear2004 29 30 29 30 30 29 30 29 30 29 30 29 30 384varyear2005 29 30 29 30 29 30 30 29 30 29 30 29 354varyear2006 30 29 30 29 30 30 29 29 30 30 29 29 30 113 varmonth1999 正月 二月 三月 四月 五月 六月 七月 八月 九月 十月 十一月 十二月 varmonth2001 正月 二月 三月 四月 闰四月 五月 六月 七月 八月 九月 十月 十一月 十二月 varmonth2004 正月 二月 闰二月 三月 四月 五月 六月 七月 八月 九月 十月 十一月 十二月 varmonth2006 正月 二月 三月 四月 五月 六月 七月 闰七月 八月 九月 十月 十一月 十二月 varDn 初一 初二 初三 初四 初五 初六 初七 初八 初九 初十 十一 十二 十三 十四 十五 十六 十七 十八 十九 二十 廿一 廿二 廿三 廿四 廿五 廿六 廿七 廿八 廿九 三十 varYs newArray arrLen Ys 0 919094400 Ys 1 949680000 Ys 2 980265600 Ys 3 1013443200 Ys 4 1044028800 Ys 5 1074700800 Ys 6 1107878400 Ys 7 1138464000 varYn newArray arrLen 农历年的名称Yn 0 己卯年 Yn 1 庚辰年 Yn 2 辛巳年 Yn 3 壬午年 Yn 4 癸未年 Yn 5 甲申年 Yn 6 乙酉年 Yn 7 丙戌年 varD newDate varyy D getYear varmm D getMonth 1 vardd D getDate varww D getDay 114 if ww 0 ww 星期日 if ww 1 ww 星期一 if ww 2 ww 星期二 if ww 3 ww 星期三 if ww 4 ww 星期四 if ww 5 ww 星期五 if ww 6 ww 星期六 ww ww varss parseInt D getTime 1000 if yy Ys i iyear i sValue ss Ys i 当年的秒数 dayiy parseInt sValue spd 1 当年的天数vardpm year1999 115 if iyear 1 dpm year2000 if iyear 2 dpm year2001 if iyear 3 dpm year2002 if iyear 4 dpm year2003 if iyear 5 dpm year2004 if iyear 6 dpm year2005 if iyear 7 dpm year2006 dpm dpm split varMn month1999 if iyear 2 Mn month2001 if iyear 5 Mn month2004 if iyear 7 Mn month2006 Mn Mn split varDn 初一 初二 初三 初四 初五 初六 初七 初八 初九 初十 十一 十二 十三 十四 十五 十六 十七 十八 十九 二十 廿一 廿二 廿三 廿四 廿五 廿六 廿七 廿八 廿九 三十 Dn Dn split dayim dayiy vartotal newArray 13 total 0 parseInt dpm 0 for i 1 i0 i if dayim total i 1 dayim dayim total i 1 miy i 116 bsWeek ww bsDate yy 年 mm 月 bsDate2 dd bsYear 农历 Yn iyear bsYear2 Mn miy Dn dayim 1 if ss Ys 7 ss bsDate bsDate2 document write bsWeek document write bsYear bsYear2 CAL 117 事例 计数1 复制代码2 在网页中选择 插入 HTML 脚本对象 脚本 118 varcaution falsefunctionsetCookie name value expires path domain secure varcurCookie name escape value expires expires expires toGMTString path path path domain domain domain secure secure if caution name escape value length 4000 document cookie curCookieelseif confirm Cookieexceeds4KBandwillbecut document cookie curCookie 119 functiongetCookie name varprefix name varcookieStartIndex document cookie indexOf prefix if cookieStartIndex 1 returnnullvarcookieEndIndex document cookie indexOf cookieStartIndex prefix length if cookieEndIndex 1 cookieEndIndex document cookie lengthreturnunescape document cookie substring cookieStartIndex prefix length cookieEndIndex functiondeleteCookie name path domain if getCookie name document cookie name path path path domain domain domain expires Thu 01 Jan 7000 00 01GMT 120 functionfixDate date varbase newDate 0 varskew base getTime if skew 0 date setTime date getTime skew varnow newDate fixDate now now setTime now getTime 365 24 60 60 1000 varvisits getCookie counter if visits visits 1elsevisits parseInt visits 1setCookie counter visits now document write 欢迎您的第 visits 次光临 121 事例 转字1 复制代码2 添加层3 在网页中选择 插入 HTML 脚本对象 脚本 122 luxiaoqingPhrase 欢迎你的光临 Balises Taille 40 Midx 400 中间位置Decal 0 5 Nb Phrase length y 10000 for x 0 x Phrase charAt x 123 document write Balises Time window setInterval Alors 10 Alpha 5 I Alpha 0 05 functionAlors Alpha Alpha I Alpha for x 0 x 124 事例 状态栏动字1 复制代码2 在网页中选择 插入 HTML 脚本对象 脚本 125 varMESSAGE 欢迎进入北京工业大学通州分学主页 varPOSITION 10varDELAY 5varscr