第11章文档对象范例11-1 使两个文本框中的文字内容保持一致,在一个文本框中输入字符,另一个跟着发生变化。
范例11-2 document对象的getElementById(ID)属性访问指定标签中的值。
范例11-3 在一个表单中输入信息,而在同一页面的另一个表单中显示输入的信息。
范例11-4 设置超链接的颜色,使得超链接文本在访问前后字体发生变化。
范例11-5 使用bgcolor属性来设置网页背景颜色和默认文字颜色。
范例11-6 使用document对象来显示文档信息。
范例11-7 在标题栏中显示滚动信息。
范例11-8 下面是一个非常使用的防盗程序。
范例11-9 用document的writeln和write属性在网页中输出内容。
范例11-10 在当前文档的程序中将信息写入其他文档。
范例11-11 document对象的属性应用举例。
范例11-12 获取文档中所以HTML元素。
范例11-13 用三种方法引用文档中的HTML元素。
范例11-14 引用文档元素中的子元素。
范例11-15 创建一个图像对象并显示图片。
范例11-16 防止网页上出现无效图,当图片无效时,显示一个特定的图片。
范例11-17 显示图片的信息。
范例11-18 定时切换图片,实现幻灯片效果。
范例11-19 在网页中随机显示图片广告。
范例11-20 动态改变图片大小。
范例11-21 感知鼠标移动事件,当鼠标移到文字上时的页面效果。
范例11-22 查看一个网页上的所有超链接。
范例11-23 JavaScript实现真正的分页显示。
范例11-24 网站目录。
范例11-25 取得文档中的锚与链接数。
范例11-26 这个例子有两个文档,它主要展示了如何用锚在文档中找到指定位置。
综合练习11-1 制作一个分页显示的程序,假设有10篇文章,要求在一个页面中,能从第一篇一一浏览到最后一篇,并且可以随时查看当前文章的上一篇和下一篇。
写一个程序,让一张图片从指定位置,自左向右慢慢运动。
当运动到指定地点后,图片又反向运动。
并且在运动中交替显示图片。
第12章历史对象和地址对象范例12-1 前进到当前页的上一页和下一页。
范例12-2 实现页面自动跳转程序。
范例12-3 取得当前地址对象的属性,并输出URL中的协议、主机名等信息。
范例12-4 手动加载新页面,让按钮具有超链接的功能。
范例12-5 获取当前地址的参数。
范例12-6 用location的三种方法加载一个文档。
范例12-7 地址对象方法的应用:刷新文档。
范例12-8 实现动态加载一个新文档。
综合练习12-1 制作一个登陆界面,输入用户名与密码,并且进行验证,当验证成功,则跳转到指定页面(自己设定),当不成功时返回当前页,并且用两个超链接,一个实现“提交”的功能,另一个实现“重置”的功能。
第13章表单对象和表单元素范例13-1 大小写的转换。
范例13-2 用代码模拟表单的提交按钮和重置按钮。
范例13-3 当用户重置或提交表单时,询问用户是否确定他所要执行的操作。
范例13-4 下面是一个简单的混合表单验证,主要是验证用户输入是否为E-mail地址和是否为空。
范例13-5 表单对象的属性应用举例。
范例13-6 设置表单的提交方式。
范例13-7 重置表单的提示。
范例13-8 实现不使用提交按钮提交表单。
范例13-9 通过表单元素的命名来访问表单元素的值,其方法有三种。
范例13-10 查看文本框的属性。
范例13-11 动态跟踪文本框中输入的文字个数。
范例13-12 限制文本框中输入的字数。
范例13-13 当打开网页时,自动选择文本框中的文字,当鼠标经过文本框时清除文本。
范例13-14 做一个调色板,用来测试网页的背景色和前景色是否协调。
范例13-15 改变多行文本框大小,使文本框的大小自动适应文本框中内容的多少。
综合练习13-1 有一个多行显示的文本框,要求对输入在其中的值进行格式对齐的编辑,且能够自动切换为英文输入法。
13-2 编写一个数字竞猜游戏,先随机生成一个竞猜的数,在限定次数的情况下,判断用户输入是否正确,当游戏完成后,可以刷新页面,重新开始程序,或者退出关闭页面。
用户使用时,鼠标移到文本框上时,文本框得到焦点,并选中文字。
第14章脚本化cookie范例14-1 检测浏览器是否支持cookie功能。
范例14-2 创建cookie并读取该域下所有cookie的值。
范例14-3 先设置两个cookie,然后再一一获得这两个值。
范例14-4 对cookie进行编码和解码,尝试在cookie中加入一些特殊字符。
范例14-5 设置cookie的生存期。
范例14-6 在本例中,cookie”username”被设置成在10分钟之后过期,可以被服务器上的所有目录访问,可以被localhost域中所有服务器访问,安全状态为安全。
综合练习14-1 写一个程序,当浏览者访问该网页时,记录他的姓名和访问该网页的次数。
写一个程序,用来记录客户登录时的帐号和密码。
第15章JavaScript与XML技术范例15-1 编写程序,检测当前HTML文档BODY标签下的所有节点,并将节点名输出。
范例15-2 在范例15-1的基础上做变化,在对话框中显示检测到的所有BODY子节点的节点类型。
范例15-3 编写程序,给当前Web页的BODY标签添加自定义属性“Author”并设置为“Zognan”,表示创建该Web页的作者。
范例15-4 在网页中实现对每个用户的特别问候,增加网站的亲切感,简单地实现如实例。
范例15-5 根据用户输入的图片URL地址,将图片添加到浏览器窗口中显示。
范例15-6 编写JavaScript程序操作HTML文档,使用DOM接口创建一个文本节点。
并将其添加到BODY标签所有子节点的末尾。
范例15-7 通过修改IMG节点对象的SRC属性更换IMG对象的图片,实现网页上的图形按钮。
用户在按钮上单击时在信息框中输入当前图片的URL地址。
范例15-8 使用TreeWalker对象遍历HTML文档。
范例15-9 编写程序,检查当前浏览器是否支持XML 1.0综合练习15-1 网页中通常使用XML文件记录导航菜单命令的属性,通过制定XML数据文件即可动态配置菜单。
在此使用一个XML文件组织菜单数据,在网页中使用JavaScript 程序分析该XML文件并生成超级链接列表,通过单击表项可以链接到指定的网页。
第16章正则表达式范例16-1 使用正则表达式过滤受限制的词汇,下面这个例子是要过滤一些有血腥、暴力倾向的词汇。
范例16-2 练习如何运用元字符,如在实际中常常会用到查询、查找指定字符前后的字符。
范例16-3 规定用户只能输入字母加数字或数字,检验用户输入是否合法。
范例16-4 查找字符串中,指定的字符串连续出现两次的子字符串。
范例16-5 查找字符串中,指定的字符串连续出现两次的子字符串。
范例16-6 要在一篇英文资料中查找“discount”和“discover”两个单词。
范例16-7 让用户输入以com结尾的域名,判断用户输入是否合法。
范例16-8 日期的验证格式是否符合要求,要求输入的格式类似“20081114”或“081114”范例16-9 验证电子邮箱地址的合法性。
综合练习16-1 使用JavaScript编写一个用于检测电话是否正确的函数checktel(),该函数只有一个参数tel,用于获取输入的联系电话号码,返回值为true或flase。
编写一程序实现全文检索,并将搜索到的字符用红色标记。
第17章Ajax基础范例17-1 创建XMLHttpRequest对象的一般方法。
范例17-2 从外部的XML文件加载消息数据,在当前网页中实现自动翻阅。
范例17-3 在会员注册页面实现用户重名检测的功能,如果填写的用户名已经存在则给出更换提示,客户端程序如。
综合练习17-1 用Ajax实现文章的分页,要求能浏览上一页、下一页,还可以跳转到指定的页。
第18章Ajax高级应用范例18-1 实现一个加法计算器,当用户填完第二个操作数后自动在结果文本框中显示计算结果。
范例18-2 使用iframe实现局部刷新。
在不刷新整个页面的情况下根据用户在文章中的选择显示相应的文章。
范例18-3 使用JavaScript程序,改进iframe框架的刷新方式。
范例18-4 基于范例范例18-3的情景模式,利用Ajax技术实现文章内容的更新。
在选择某一个文章标题后浏览器在后面加载文章,在数据加载未完成时用户可以做其他工作而不必等待。
客户端HTML文件如。
综合练习18-1 利用Ajax技术在网页中实现简单的在线聊天功能,聊天信息中带有消息发送时间。
第19章JavaScript与插件范例19-1 使用MessageBoard组件显示公告消息。
范例19-2 演示JavaScript和Applet的交互。
在Web页中嵌入Applet程序MessageBoard,使用JavaScript更换MessageBoard中的消息文字。
范例19-3 在Web页中嵌入上一小节创建的MessageBoard,轮流显示两条消息。
综合练习19-1 将winds系统自带的媒体播放器ActiveX控件插入网页中,实现MP3音乐的播放功能。
添加一个播放/暂停按钮。
使用JavaScript控制音频的播放。
Windos Media Player的ActiveX控件的全球唯一标识符为“6BF52A52-394A-11D3-B153-00C04F79FAA6”19-2 创建一个Flash,用于将一组(x,y)坐标数据显示为曲线图。
数据由用户从JavaScript中传送给Flash绘制在舞台上,可以绘制由任意多个顶点组成的曲线。
第20章JavaScript的调试与优化范例20-1 学习使用”debugger”语句设置程序调试断点。
范例20-2 实现一个简单的日志对象,记录日志信息。
该日志对象保存记录对象信息,提供添加记录对象和显示记录信息的方法。
综合练习20-1 在VS2005 中创建一个HTMl文件,输入如下程序。
最后启动程序调试,按“F11”键单步执行程序,在局部变量窗口中观察变量的值。