简介
本书对使用Javascript开发网页特效的方法以及web网页的相关知识进
行了归纳总结,从基础知识点开始讲解,以实例贯穿全文,然后介绍最流
行的开发框架和Ajax,最后介绍了Javascipt应用技巧。
本书适用于JavaScript初、中级用户,相关专业教材。
目录
丛书序.
前言
第1章变量
1.1变量声明
变量名必须符合这些规则:第一个字符必须是英文字母,或者是下划线符号;第一个字母不能是数字。其后的字符可以是英文字母、数字和下画线符号;不能是javascript的保留字。
1.2局部变量和全局变量
如果在任何函数定义之外声明了一个变量,则该变量为全局变量,且该变量的值在整个持续范围内都可以访问和修改。如果在函数定义内声明了一个变量,则该变量为局部变量。
1.3javascript中的强制类型转换
在c、c++和java这类强类型语言中,强行转换变量类型简直就是家常便饭。可是javascript这个动态类型脚本语言的变量号称是没有类型的,那么怎样转换它的变量的类型呢?而且还要强行转换。
1.4在html中为javascript传递变量
在html中为javascript传递变量是一个关键的步骤。然后就可以通过对javascript变量的操作,实现想要达到的目的。
1.5在html中引用javascript的变量
上一节已经介绍了如何在html中为javascript传递变量,那么要怎样才能在html中使用javascript的变量呢?本节实例给出了一个在html中引用javascript变量的方法。
1.6比较undefined和“undefined”
javascript中用于表示未定义的undefined标识符到底是表示什么未定义?它和“undefined”又有什么区别和联系呢?
第2章客户端的流程控制
2.1条件判断语句if…else
javascript支持if 和 if…else条件语句。在if语句中将测试一个条件,如果该条件满足测试,则执行相关的javascript编码。在if…else语句中,如果条件不满足测试,将执行不同的代码。
2.2多条件判断语句switch
本节实例给出如在几个代码块中选择一个来运行,这里就使用到switch(开关)语句。
.2.3嵌套循环语句for
在写代码时会经常要让一段代码一行行地重复执行,要完成这样的任务不需要添加重复的代码,只要使用循环即可。
2.4循环语句while
如果希望控制语句或语句块的循环执行,需要不只是“运行该代码 n 次”,而是更复杂的规则,用 while循环。
2.5控制循环过程的break和continue
break和continue是两个用在内部循环的特殊语句。当某些条件得到满足时,用break语句来中断一个循环的运行。
2.6利用流程控制语句实现冒泡排序
学了javascript在客户端的流程控制,下面用这些控制语句来实现一个冒泡排序的例子。
第3章字符串操作
3.1连接字符串
在javascript脚本中,可以实现两个或者两个以上字符串的连接。本节实例给出了三种字符串连接的实现方法。
3.2在字符串中查找指定字符串
本节实例给出了两个在字符串中查找指定字符的方法,一个是按顺序查找子字符在字符串的位置,另外一个是按逆序查找位置。
3.3提取字符串中的子字符串
有时会在书写程序的时候希望根据需要在已知的字符串中得到特定的字符或者是字符串。这里给出一个这样的例子,可以根据需求返回一个从指定位置开始的指定长度的子字符串。
3.4替换字符串中的指定字符串
本节给出了一个用字符串来替换字符串中的指定字符串的例子,因为这个字符串的应用在很多地方都是要用到的。
3.5将字符串分解为数组
数组这种数据组织形式在程序编写中可以带来很大的方便,所以很多的时候也需要把字符串分级使数组便于操作。本节实例给出了一个字符串分解为数组的例子。
3.6字符串大小写的书写和判断
通常,会根据某些需要要求把字符串转换成大写的或者小写的。本节实例给出了一个转换字符串大小写的例子,及一个用于判断字符串大小写的函数。
第4章数组技术
4.1创建空数组
由于在javascript中数组和对象的相似性,所以在定义数组的时候就有两种方法,一种是原来创建数组的方式,另外就是像创建对象一样创建数组。
4.2创建带初始值的数组
本节实例给出了两个创建带初始值的数组的方法,和创建空数组一样都是利用数组本身的特性,另外一种是利用javascript中数组也是对象的特点来创建的。
4.3将数组转换为字符串
当需要打印数组中的元素的时候,大多数时候都是将其中的每个元素连接成一个字符串的形式。本节给出了将数组转换为字符串的例子。
4.4遍历数组中的元素
对于数组的遍历问题也就是如何访问数组中的元素的问题,本节给出了一个遍历数组中的元素的例子,使用了两种遍历方式。
4.5合并两个数组
如何像连接字符串一样将两个不同的数组合并成一个数组呢?本节实例给出了实现这种要求的方法。
4.6创建多维数组
javascript支持多维数组,但是并没有构造函数可以直接生成多维数组。可以使用虚拟数组的方法实现,即数组的元素也是数组。本节实例分别用两种方式来创建多维数组。
4.7数组排序
当然,数据排序是计算机科学的核心问题。任何学习过入门级编程课的人都知道一些排序算法,如冒泡排序、堆排序、希尔排序和快速排序。
第5章javascript快速处理日期和时间的操作
5.1获取当前日期并显示在html页中
要对日期和时间进行处理和操作,首先要知道如何用javascript得到时间和日期并显示在html页面中。本节实例给出了一种显示当前日期的实现方法。
5.2分别获取当前时间的年月日时分秒
本节实例给出了一个获取时间的年月日时分秒的方法,可以单独得到这些时间,便于对每个项的单独操作。
5.3时间的水中倒影
本实例使用javascript制作一个时间倒影,并且呈现出水中的倒影。
5.4简单的日历
本节使用javascript制作一个简单的日历,该日历可以显示当前的年份、月份及日期,并将今天的日期设置为红色。
5.5标题栏显示日期
网上经常可以遇到在标题栏上显示的日期。本节实例使用javascript制作一个标题栏日期的显示,显示内容包括年份、月份及日期。
5.6标题栏显示时间
时光如流水,光阴似箭,可见时间的流逝和重要性。本节实例使用javascript制作一个标题栏时间的显示。
5.7不同时间的不同问候
在网页上根据不同时间段给出不同的温馨问候,会有一种亲切的感觉。本节实例使用javascript制作一个在不同时间的不同问候语,大致分为早上、中午、晚上和深夜4个时间段。
第6章javascript页面处理技巧
6.1用javascript实现一个页面两份样式表
样式表可以对页面的样式进行定义,进而使页面能够呈现出不同的表现形式。本节实例给出了用javascript实现一个页面两份样式表的实现方法,这样一个页面可以选择不同的样式表内容。
6.2用javascript动态更换图像元素中的图像
本节实例给出了一个动态更换图像的方法,当用鼠标选择某个图像选项时,该图像会切换为另一幅图像。
6.3利用搜索引擎引用高亮页面关键字
当在使用大多数的网页搜索引擎的“网页快照”功能时,都会在返回的快照页面中加入关键字高亮的功能。
6.4使用匿名函数为定时器传递参数
常常会使用方法setinterval或settimeout,但是由于这两种方法是由脚本宿主模拟出来的timer线程,在通过其调用的方法是不能为其传递参数。
6.5web页面中的tooltip提示
在一行显示不完全时,配以省略号在结尾,能很好地提示用户表示语句未结束,这时为了让用户能看到所有文字,tooltip就是必不可少的了。
6.6在web页面中控制其元素的选择状态
为了在web页面上使用文本搜索、在文本框内实现选择效果、在页面上屏蔽选择状态等,需要使用脚本来精确地控制页面中ui元素的选择状态。
第7章javascript的鼠标事件和键盘事件
7.1按钮的鼠标单击事件
鼠标单击事件是最常见的事件之一,当用户单击鼠标按钮时,同时onclick指定的事件处理程序或代码将被调用执行。本节实例给出了按钮的鼠标单击事件响应提示信息。
7.2用鼠标点亮文本
当鼠标移动到某段文字时,可以对该段文字进行放大或缩小,以增强显示效果。本节给出了对文字进行放大显示的例子。
7.3渐显图片
鼠标的移动也可以触发一定的事件发生。本节给出了一个对鼠标移动进行感应的例子,完成显示图片和图片清晰度变化的动作。
7.4跟随鼠标的图片
本节给出了一幅gif动画图像,当鼠标移动时,该图像会随鼠标移动。移动过程中,该gif动画仍将继续活动。
7.5跟随鼠标的*
鼠标的移动也可以触发一定的事件发生。本节给出了一个对鼠标移动进行感应的例子,完成显示图像和图像清晰度变化的动作。
7.6跟随鼠标的文字
如果有一种跟随鼠标移动的文字并能带有缓冲的效果,将会给网页带来一种新鲜的感觉。本节给出了一个跟随鼠标的文字的例子,这些文字跟着鼠标移动并带有游走的效果。
7.7判断ctrl键是否被按下
为了防止网页内容被复制,网上经常可以遇到禁用鼠标右键的网页。本节给出了一个禁用鼠标左键和右键的例子,不论单击鼠标的哪个按键,都将执行预定的操作。
7.8键盘按键事件的执行顺序
在使用javascript做web键盘事件侦听捕获时,主要采用onkeypress、onkeydown、onkeyup三个事件进行出来。
7.9设置页面中某按钮的热键
第8章窗口大小自动化管理
8.1按指定要求打开的窗口
很多网站总是按照默认窗口打开,如何能随心所欲控制打开的窗口?本节实例给出了一种按指定要求打开窗口的实现方法。
8.2控制窗口的打开和关闭
本节给出了一个控制窗口的打开和关闭的例子,这样就不必每次都单击窗口的右上角的关闭按钮。
8.3从天而降的窗口
窗口从天而降!这是多么新奇的一个效果啊,应用在网页上肯定能吸引更多的人。本节给出了窗口自上而下下降的例子。
8.4打开慢慢变大的窗口
本节给出了一个窗口慢慢变大的例子,也是一个绚丽夺目的效果。
8.5打开一个四面变大的窗口
上一节已经给出使窗口慢慢变大的例子,那么如何使窗口四面变大呢?本节给出了一个这样的例子,首先在垂直位置上变高,然后在水平位置上变宽。
8.6页面左右分开
为了在进入页面时能给人一个好的印象,本节给出了一个页面左右分开实现的例子,好像是进入房间时的两扇门自动左右打开的效果。
8.7定时打开网页
有时候需要在某个特定的时间,打开特定的网页显示一些友好的信息或者是这个时间才有的信息。本节给出了一个在规定的时间自动打开网页的例子。
8.8自动打开新的窗口
为了能在第一时间就打开新的窗口,网上经常可以遇到这样的效果,大多数是用在广告方面。本节给出了一个页面载入以后就自动打开新的窗口的例子,当然这个窗口也是可以设定属性的。
第9章javascript结合文字实现特殊页面
9.1逐隐逐现的文字特效
文字在一定的时间周期内逐隐逐现,就像夏日夜晚的萤火虫一样。本节实例给出了一种逐隐逐现的特效实现方法。
9.2超酷的文字特效
本节实例给出了一个超酷的文字特效,当鼠标移动到某个超级链接上时,出现一个字符串,该字符串逐渐慢慢放大,直到超出页面。
9.3阴影文字的特殊效果
当鼠标移动到某段文字时,可以对该段文字设置阴影,以增强显示效果。本节给出了对文字增加阴影效果的例子。
9.4彩色文字的特殊效果
本节给出一个文字逐个变换颜色的特殊效果,就像文字在一个一个地移动,如同霓虹灯一般。移动过程中,文字随之变换颜色。
9.5升降文字的特殊效果
文字是否可以像电梯一样,上下升降呢?本节给出了一个升降文字的例子,完成文字上升和文字下降变化的动作。
9.6打字效果的文字特效
文字如何实现打字的效果呢?在浏览网页的时候也经常性地能看到这种效果。本节实例给出了一个打字效果的文字特效,文字一个一个地打印在页面上。
9.7淡入淡出的文字效果
文字带有淡入淡出的效果,利用这种效果可以达到吸引人的目的。本节实例给出了一个淡入淡出的文字效果。
9.8炽热文字的特殊效果
本节实例给出了一个炽热文字的特殊效果的例子,文字如同着火般,火光围绕着文字不停地跳动着。
第10章页面中的链接地址个性化
10.1按时消失的链接
在web页面中,链接是一个不可缺少的部分。但是有些时候只想在一定的时间里面显示链接,然后自动消失。本节实例给出了一个按时消失的链接的实现方法。
10.2带滚动提示的链接
本节实例给出了一个带滚动提示的链接的实现方法,当鼠标移动到某个链接时,鼠标后会出现一个滚动的提示;当鼠标离开该链接后,滚动提示消失。
10.3动态变换的链接
当页面载入以后,可以对指定超级链接进行动态变换,以增强显示效果。本节给出了动态变换的链接的例子。
10.4滚动链接
在一个网页中有很多超级链接时,可以考虑用滚动链接的方式,既可以少占用页面的位置,又很动感美观。本节给出了一个实现滚动链接的例子。
10.5不断闪动的链接
盛夏的夜空中,总是有很多繁星在眨着眼睛。本节给出了一个不断闪动的链接例子,来实现像夜空中的星星一般,一闪一闪的效果。
10.6在按钮上定时显示不同的链接
当页面载入以后,可以对指定按钮上的超级链接进行动态变换,以增强显示效果。本节给出了一个在按钮上定时显示不同链接的例子。
10.7带链接的滚动字幕
在看电视新闻的时候常常可以看到,屏幕下方渐渐滚动过去的一些新闻或者相关文字。那在网页中的超级链接是否也能实现这个效果呢?本节给出了一个带链接的滚动字幕的例子,如同以前的跑马灯一样的效果。
第11章在html中用javascript控制图像页面
11.1不停闪烁的图片
盛夏的夜空中,总是有很多繁星在眨着眼睛。本节实例给出一个不停闪烁的图片接例子,来实现像夜空中的星星一般,一闪一闪的效果。
11.2图片展示选择
本节实例给出了一个图片展示选择的方法,当鼠标选择某个图像选项时,该图像会切换为另一幅图像。
11.3图片的渐显播放
图片在一定的时间周期内逐隐逐现,就像夏日夜晚的萤火虫一样。本节实例给出一种图片渐显播放的特效实现方法。..
11.4将图片固定在页面左上角
当鼠标移动向下拉时,图片可以随着页面的变化而向下移动,并一直保持在窗口顶部的效果。本节给出了一个将图片固定在页面左上角的例子。
11.5左右移动的图片
在浏览网页的时候可以看到这样的效果,图片在页面中如同摆钟的钟摆一样左右移动。本节给出了一个左右移动图片的例子,完成左右不停移动的动作。
11.6图像滚动公告版
公告版在日常生活中是很常见的,如果使用图片做成滚动的特效将会更吸引人一些。本节给出了一个图像滚动公告版的例子。
11.7跟随屏幕移动的图像
在页面上使用鼠标拖动图像,释放后保持在最后鼠标释放时候的位置。这样的效果现在很流行。本节给出了一个跟随屏幕移动图像的例子,来实现这个效果。
第12章菜单特效
12.1左键弹出式菜单
在web页面中,通常是单击鼠标右键会弹出菜单选项,显得有些单调。本节实例给出了一种单击鼠标左键便会弹出菜单的实现方法。
12.2推拉门式样的菜单
本节实例给出了一个实现推拉门式样菜单的方法,当鼠标移动到菜单一边时,该菜单会渐渐推出,直到完全显示出来;当鼠标离开该菜单后,又慢慢退回原来的位置。
12.3浮动顶部的菜单
当鼠标移动向下拉时,菜单可以随着页面的变化而向下移动,并一直保持在窗口顶部。本节给出了一个对浮动顶部的菜单例子。
12.4浮动底部的菜单
当鼠标移动向下拉时,菜单可以随着页面的变化而向下移动,并一直保持在窗口底部。本节给出了对浮动底部的菜单例子。
12.5渐显效果下拉菜单
用鼠标单击以后菜单由无到有逐渐显示。本节给出了一个实现这样渐显效果下拉菜单的例子。
第13章背景特效
13.1背景时钟
在日常生活中,处处都可以看到时间,大街上、电视上、商场里……当然对于上网的人们,更多看到时间的还是在网页上。本节实例给出了一种背景时钟的实现方法。
13.2永远居中的背景图片
本节实例给出了一种图像切换的方法,当鼠标移动到某个图像时,该图像会切换为另一幅图像;当鼠标离开该图像后,又换回原来的图像。
13.3随机显示的背景图片
如果背景始终如一,难免会让人有单调的感觉,可以选择多个背景在每次刷新的时候就会随机显示,以增强显示效果。本节给出了随机显示背景图片的例子。
13.4不停变换的背景颜色
夜晚街上的霓虹灯是一道靓丽的风景线,那网页背景也能像这样自动不停变换颜色吗?本节就给出了一个实现这样功能的例子。
13.5背景颜色自己选
前几节实现的背景都不能自己选择,都是由程序决定的。本节给出了一个更具人性化的例子,可以自己来选择背景颜色。
第14章页面特效
14.1页面全屏显示
在浏览器中,可以按右上角的最大化按钮使浏览器全屏显示。那如何使页面全屏显示呢?本节实例给出了一种页面全屏显示的实现方法。
14.2显示器检测代码(给出提示)
本节实例给出了一种检测显示器分辨率的方法,并能友好地提醒浏览者,该用何种分辨率浏览网页可以得到最佳效果。
14.3浏览器检测后自动跳转相应界面
当自动判断浏览器类型后,页面跳转至相应界面。本节给出了浏览器检测后自动跳转相应界面的例子。
14.4检测浏览器相应版本
本节给出了一个检测浏览器相应版本的例子。当使用不同的浏览器和不同的版本浏览这个页面时,显示的信息都会不同。
14.5页面停留时间1
鼠标的移动也可以触发一定的事件发生。本节给出了一个对鼠标移动进行感应的例子,完成显示图像和图像清晰度变化的操作。
14.6页面停留时间2
有时候并不想让浏览者时时看到停留的时间,只在离开的时候做个小小的提示。本节给出了一个这种页面停留时间效果的例子。
14.7检测浏览器类型并调用不同的背景音乐
在web页面中能播放动人的背景音乐是一件能让人有好心情的事情。本节实例给出了一种检测浏览器类型并调用不同背景音乐的实现方法。
14.8将站点加入频道栏
本节实例给出了将一个站点加入频道栏的方法,用户可以通过订阅频道实现站点更新内容的自动获取。在频道定义中所使用的格式cdf(channel definition fomat),也是一个xml应用。
14.9将站点加入收藏夹
如果某个网站经常被访问,希望每次上网的时候很容易就能够被找到,那么可以将它加入收藏。本节给出了将站点加入收藏夹的例子。
14.10禁用鼠标按键
为了防止网页内容被复制,网上经常可以遇到禁用鼠标右键的网页。本节实例给出了一个禁用鼠标左键和右键的例子,不论单击鼠标的哪个按键,都将执行预定的操作。
14.11自动弹出式窗口
本节给出了一个自动弹出式窗口的例子,调用一个窗体时自动弹出一个新的窗体。这个特效在弹出广告上运用很广泛。
14.12自动滚屏
有时候可能因为一个页面中的内容过多,看到一半的时候就得用鼠标向下拉一下。本节实例给出了一种自动滚屏的实现方法,能够很好地解决这类问题。
第15章javascript操作表格
15.1动态添加表格
既然本章介绍对表格的操作,如果在web页面中没有表格,那该如何创建呢?本节实例给出了一种动态添加表格的实现方法。
15.2获取表格的某行
本节实例给出了一种获取表格某行的方法。在上一小节中,介绍了如何动态创建表格的方法。如果想得到某行表格的数据。该使用怎样的方法对表格进行操作呢?
15.3获取某个表格的单元格
有时候想得到更为细致的数据,那么就必须得到单元格的内容。有了前两个小节的基础,下面使用类似的方法实现一个获取表格中某个单元格的例子。
15.4锁定表格的表头
有时候表格的数据会比较多,这样表格就显得比较长,所以要限定表格的高度。但是这样出现了滚动条以后,表头是会随着拖动而不见的。本节给出了一个即使在数据很多时候需要使用滚动条拖动,还能锁定表格表头的例子。
15.5简单的表格排序
对于数据的操作,为能够得到更好的比较,排序是经常性的事情。本节给出了一个对数据表格进行排序的例子,完成简单性的数据排序功能。
15.6表格翻页
也是为了更友好地呈现数据,网上经常可以遇到各种各样的翻页形式。有的是静态分页,有的使用ajax动态分页。而这些都是要在服务器端执行的,本节实例给出一个只利用javascript脚本在客户端就能实现表格翻页的例子。
第16章ajax应用特效
16.1无刷新实现图片切换
在web页面中,经常可以看到一些很漂亮的图片切换效果。本节实例给出了一种实现图片无刷新切换的方法。
16.2很酷的导航特效
导航条是在网络上最经常看到的,本节实例给出了一个很酷的导航特效,当鼠标移动到某个菜单选项时,该选项会带有类似缓冲效果切换为另外一种样式;当鼠标离开该图像后,又换回原来的样式。
16.3加载一个文本文件到一个html元素中
在页面上要动态改变一个元素的内容通常需要刷新整个页面,使用ajax技术以后只要改变想要改变的内容而不要刷新整页。本节给出了加载一个文本文件到一个html元素中的例子。
16.4使用xml http载入一个xml文件
xml文件是现在很流行的一种数据格式,在很多方面都有很好的应用。本节给出一个使用xml http载入一个xml文件的例子。
16.5通过xml http做一个head的请求
web网页的head中包含有很多重要的信息,例如根据这些信息可以判断现在的状态并作出相应的改变。本节给出了一个通过xml http做一个head的请求的例子。
16.6通过xml http做一个特殊head的请求
web网页的head中包含有很多重要的信息,例如根据这些信息可以判断现在的状态并作出相应的改变。如果只是想得到其中的一个特殊信息也是很方便的。本节给出了一个通过xml http做一个特殊head的请求的例子。
16.7显示xml数据表格
xml文件是现在很流行的一种数据格式,在很多方面都有很好的应用。本节给出一个显示xml数据表格的例子。
16.8服务器端的动态建议
最近网上流行的ajax技术之一,即在网页上输入一定信息的关键字便能动态显示建议。本节给出了一个服务器端的动态建议的例子,其中使用到服务器端语言。
第17章prototype基础应用
17.1使用$()得到html元素
一般javascript脚本语言是通过document.getelementbyid()方法得到页面中的html元素的。prototype框架提供了一个更方便更强大的函数来实现这一功能。本节实例给出了一种使用$()得到html元素的实现方法。
17.2使用$f()返回表单输入控件的值
提交表单的功能在动态的交互式网页上有很广泛的应用。如果我们需要将这个功能做成ajax无刷新效果的话,那么就得考虑如何得到表单中输入框控件的值。本节实例给出了一个使用$f()返回表单输入控件的值的方法。
17.3使用$a()将单个的参数转换成array对象
数组是一种优良的数据结构,转换成数组便于对数据进行更方便的操作。一个推荐的用法就是把dom nodelists转换成一个普通的array对象,从而更有效率地进行遍历。本节给出了使用$a()将单个的参数转换成array对象的例子。
17.4使用$h()把一些对象转换成hash对象
hash也是一种优良的数据结构,该对象实现了一个散列结构,例如一个键:值对的集合。其中的每个项目都是一个包含两个元素的数组:首先是键,然后是值。本节给出了使用$h()把一些对象转换成hash对象的例子。
17.5使用$r()创建新的对象域
prototype的对象域继承自enumerable枚举对象,继承了枚举对象的所有的特性。本节给出了一个使用$r()创建新的对象域的例子。
17.6使用ajax.request类进行异步调用
如果不使用任何的帮助程序包,则需要编写整个大量的代码来创建xmlhttprequest对象并且异步地跟踪它的进程,然后解析响应并处理它。为了支持ajax功能,prototype对这个包定义了ajax.request类。
17.7使用ajax.updater类填充html
如果服务器的另一端返回的信息已经是html格式的,那么在使用这个程序包中ajax.updater类将使此操作变得更加容易。用它只需提供哪一个元素需要被ajax请求返回的html填充就可以了。本节给出了一个使用ajax.updater类填充html的例子。
第18章基于jquery的特效
18.1动态表格和动态表单
表格是html的一项非常重要功能,利用其多种属性能够设计出多样化的表格。使用表格可以使你的页面有很多意想不到的效果,使页面更加整齐美观。本节实例给出了一种动态表格和动态表单的实现方法。
18.2输入框获得焦点、单击、划过时全选
本节实例给出了一个通过输入框获得焦点、单击、划过时全选的方法,当鼠标移动到某个输入框时,该输入框中的内容便会自动全选。
18.3css 样式表动态选择
样式表可以对页面的样式进行定义,进而使页面能够呈现出不同的表现形式。本节实例给出了用javascript实现一个页面多份样式表的方法,这样一个页面可以选择不同的样式和内容。
18.4jquery的选择器之变态演示
jquery拥有一个相当强大的选择器引擎,提供了完整的选择器语法,允许选择几乎所有的元素组合。jquery的选择器语法主要是基于css3和xpath的,对css3和xpath了解越多,使用jquery时就越得心应手。本节实例给出了一个对jquery的选择器之变态演示,用来体验jquery的强大。
18.5让链接打开一个新窗口
鼠标的单击也可以触发一定的事件发生。本节给出了一个用链接打开一个新窗口的例子,只要用鼠标单击超级链接便能打开新的窗口。
18.6键盘控制选择表格并编辑
在excel和word文档中能很容易地对数据表格进行选择编辑,如何在网页中实现这种方便的效果呢?本节实例给出了一种键盘控制选择表格并编辑的实现方法。
18.7下拉框的值同时给文本框和文本域
本节实例给出了一个下拉框的值同时给文本框和文本域的方法,当用鼠标点击下拉框某个值时,同时给页面的文本框和文本域赋值。
18.8基于jquery的折叠菜单
菜单可以展开也可以收缩,这样既能隐藏一些不相关的内容又能突出重点。这样的效果最常用的还是在网页后台上。本节给出了基于jquery的折叠菜单的例子。
18.9可编辑的表格数据
在excel和word文档中能很容易地对数据表格进行选择编辑,如何在网页中实现这种方便的效果呢?本节实例给出一种鼠标控制选择表格并编辑的实现方法。
18.10实现双色数据表格
第19章其他特效
19.1中文日期
直接使用脚本得到的时间是阿拉伯数字格式显示的,如何能得到中文的日期格式呢?本节实例给出了一种中文日期的实现方法。
19.2现在的日期及星期
本节实例给出了一种得到现在的日期及星期的方法。这样就不必总是问别人,今天几号啊,今天是星期几呀。
19.3带链接的滚动字幕
在网上冲浪时,屏幕下方常会出现渐渐滚动过去的一些新闻或者相关文字。那在网页中的超级链接是否也能实现这个效果呢?本节给出了一个带链接的滚动字幕的例子。
19.4垂直滚动公告板
在一个网页中有很多公告内容时,可以考虑用垂直的方式。既可以少占用页面的位置,又很动感美观。本节给出了一个实现垂直滚动公告板的例子。
19.5关闭窗体
本节给出了一个控制窗口的关闭的例子,这样就不必每次都单击窗口的右上角的关闭按钮。
19.6分时问候
在网页上根据不同时间段给出不同的温馨问候,会有一种亲切的感觉。本节实例使用javascript制作一个在不同时间的不同问候语,大致分为早上、中午、晚上和深夜4个时间段。
19.7密码保护页面
有时候只是想让自己或者自己熟悉的人浏览网页内容,那么给这个网页设置一个密码是最合适不过的。本节给出了一个密码保护页面的例子,只有输入正确的密码,才能正常访问网页内容。
19.8当前的时间
本节实例给出了一种得到当前时间的方法。虽然现在提供的操作系统已经提供了这个功能,但是有时候系统时间也会出错,那么校对网上的时间会是一个不错的选择。
第20章正则表达式
20.1校验是否全由数字组成
一种校验是否全由数字组成的实现方法。可以对一个输入字符串进行测试,查看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。
20.2校验登录名
一种校验登录名的实现方法。只能输入5~20个以字母开头、可带数字、“”、“.”的字符串。
20.3校验用户姓名
一种校验用户姓名的实现方法。只能输入1~30个以字母开头的字符串。
20.4校验普通电话、传真号码
一种校验用户姓名的实现方法。只能输入6~20个字母、数字和下画线。
20.5校验中文字符
一种校验中文字符的实现方法。校验普通电话、传真号码:可以“+”开头,除数字外,可含有“-”。
20.6校验邮件地址的有效性
一种校验邮件地址的有效性的实现方法。必须以数字开头,除数字外,可含有“-”。
20.7校验腾讯qq号
一种校验腾讯qq号的实现方法。号码的位数必须大于5位。
附录javascript核心对象和方法参考...
前言
第1章变量
1.1变量声明
变量名必须符合这些规则:第一个字符必须是英文字母,或者是下划线符号;第一个字母不能是数字。其后的字符可以是英文字母、数字和下画线符号;不能是javascript的保留字。
1.2局部变量和全局变量
如果在任何函数定义之外声明了一个变量,则该变量为全局变量,且该变量的值在整个持续范围内都可以访问和修改。如果在函数定义内声明了一个变量,则该变量为局部变量。
1.3javascript中的强制类型转换
在c、c++和java这类强类型语言中,强行转换变量类型简直就是家常便饭。可是javascript这个动态类型脚本语言的变量号称是没有类型的,那么怎样转换它的变量的类型呢?而且还要强行转换。
1.4在html中为javascript传递变量
在html中为javascript传递变量是一个关键的步骤。然后就可以通过对javascript变量的操作,实现想要达到的目的。
1.5在html中引用javascript的变量
上一节已经介绍了如何在html中为javascript传递变量,那么要怎样才能在html中使用javascript的变量呢?本节实例给出了一个在html中引用javascript变量的方法。
1.6比较undefined和“undefined”
javascript中用于表示未定义的undefined标识符到底是表示什么未定义?它和“undefined”又有什么区别和联系呢?
第2章客户端的流程控制
2.1条件判断语句if…else
javascript支持if 和 if…else条件语句。在if语句中将测试一个条件,如果该条件满足测试,则执行相关的javascript编码。在if…else语句中,如果条件不满足测试,将执行不同的代码。
2.2多条件判断语句switch
本节实例给出如在几个代码块中选择一个来运行,这里就使用到switch(开关)语句。
.2.3嵌套循环语句for
在写代码时会经常要让一段代码一行行地重复执行,要完成这样的任务不需要添加重复的代码,只要使用循环即可。
2.4循环语句while
如果希望控制语句或语句块的循环执行,需要不只是“运行该代码 n 次”,而是更复杂的规则,用 while循环。
2.5控制循环过程的break和continue
break和continue是两个用在内部循环的特殊语句。当某些条件得到满足时,用break语句来中断一个循环的运行。
2.6利用流程控制语句实现冒泡排序
学了javascript在客户端的流程控制,下面用这些控制语句来实现一个冒泡排序的例子。
第3章字符串操作
3.1连接字符串
在javascript脚本中,可以实现两个或者两个以上字符串的连接。本节实例给出了三种字符串连接的实现方法。
3.2在字符串中查找指定字符串
本节实例给出了两个在字符串中查找指定字符的方法,一个是按顺序查找子字符在字符串的位置,另外一个是按逆序查找位置。
3.3提取字符串中的子字符串
有时会在书写程序的时候希望根据需要在已知的字符串中得到特定的字符或者是字符串。这里给出一个这样的例子,可以根据需求返回一个从指定位置开始的指定长度的子字符串。
3.4替换字符串中的指定字符串
本节给出了一个用字符串来替换字符串中的指定字符串的例子,因为这个字符串的应用在很多地方都是要用到的。
3.5将字符串分解为数组
数组这种数据组织形式在程序编写中可以带来很大的方便,所以很多的时候也需要把字符串分级使数组便于操作。本节实例给出了一个字符串分解为数组的例子。
3.6字符串大小写的书写和判断
通常,会根据某些需要要求把字符串转换成大写的或者小写的。本节实例给出了一个转换字符串大小写的例子,及一个用于判断字符串大小写的函数。
第4章数组技术
4.1创建空数组
由于在javascript中数组和对象的相似性,所以在定义数组的时候就有两种方法,一种是原来创建数组的方式,另外就是像创建对象一样创建数组。
4.2创建带初始值的数组
本节实例给出了两个创建带初始值的数组的方法,和创建空数组一样都是利用数组本身的特性,另外一种是利用javascript中数组也是对象的特点来创建的。
4.3将数组转换为字符串
当需要打印数组中的元素的时候,大多数时候都是将其中的每个元素连接成一个字符串的形式。本节给出了将数组转换为字符串的例子。
4.4遍历数组中的元素
对于数组的遍历问题也就是如何访问数组中的元素的问题,本节给出了一个遍历数组中的元素的例子,使用了两种遍历方式。
4.5合并两个数组
如何像连接字符串一样将两个不同的数组合并成一个数组呢?本节实例给出了实现这种要求的方法。
4.6创建多维数组
javascript支持多维数组,但是并没有构造函数可以直接生成多维数组。可以使用虚拟数组的方法实现,即数组的元素也是数组。本节实例分别用两种方式来创建多维数组。
4.7数组排序
当然,数据排序是计算机科学的核心问题。任何学习过入门级编程课的人都知道一些排序算法,如冒泡排序、堆排序、希尔排序和快速排序。
第5章javascript快速处理日期和时间的操作
5.1获取当前日期并显示在html页中
要对日期和时间进行处理和操作,首先要知道如何用javascript得到时间和日期并显示在html页面中。本节实例给出了一种显示当前日期的实现方法。
5.2分别获取当前时间的年月日时分秒
本节实例给出了一个获取时间的年月日时分秒的方法,可以单独得到这些时间,便于对每个项的单独操作。
5.3时间的水中倒影
本实例使用javascript制作一个时间倒影,并且呈现出水中的倒影。
5.4简单的日历
本节使用javascript制作一个简单的日历,该日历可以显示当前的年份、月份及日期,并将今天的日期设置为红色。
5.5标题栏显示日期
网上经常可以遇到在标题栏上显示的日期。本节实例使用javascript制作一个标题栏日期的显示,显示内容包括年份、月份及日期。
5.6标题栏显示时间
时光如流水,光阴似箭,可见时间的流逝和重要性。本节实例使用javascript制作一个标题栏时间的显示。
5.7不同时间的不同问候
在网页上根据不同时间段给出不同的温馨问候,会有一种亲切的感觉。本节实例使用javascript制作一个在不同时间的不同问候语,大致分为早上、中午、晚上和深夜4个时间段。
第6章javascript页面处理技巧
6.1用javascript实现一个页面两份样式表
样式表可以对页面的样式进行定义,进而使页面能够呈现出不同的表现形式。本节实例给出了用javascript实现一个页面两份样式表的实现方法,这样一个页面可以选择不同的样式表内容。
6.2用javascript动态更换图像元素中的图像
本节实例给出了一个动态更换图像的方法,当用鼠标选择某个图像选项时,该图像会切换为另一幅图像。
6.3利用搜索引擎引用高亮页面关键字
当在使用大多数的网页搜索引擎的“网页快照”功能时,都会在返回的快照页面中加入关键字高亮的功能。
6.4使用匿名函数为定时器传递参数
常常会使用方法setinterval或settimeout,但是由于这两种方法是由脚本宿主模拟出来的timer线程,在通过其调用的方法是不能为其传递参数。
6.5web页面中的tooltip提示
在一行显示不完全时,配以省略号在结尾,能很好地提示用户表示语句未结束,这时为了让用户能看到所有文字,tooltip就是必不可少的了。
6.6在web页面中控制其元素的选择状态
为了在web页面上使用文本搜索、在文本框内实现选择效果、在页面上屏蔽选择状态等,需要使用脚本来精确地控制页面中ui元素的选择状态。
第7章javascript的鼠标事件和键盘事件
7.1按钮的鼠标单击事件
鼠标单击事件是最常见的事件之一,当用户单击鼠标按钮时,同时onclick指定的事件处理程序或代码将被调用执行。本节实例给出了按钮的鼠标单击事件响应提示信息。
7.2用鼠标点亮文本
当鼠标移动到某段文字时,可以对该段文字进行放大或缩小,以增强显示效果。本节给出了对文字进行放大显示的例子。
7.3渐显图片
鼠标的移动也可以触发一定的事件发生。本节给出了一个对鼠标移动进行感应的例子,完成显示图片和图片清晰度变化的动作。
7.4跟随鼠标的图片
本节给出了一幅gif动画图像,当鼠标移动时,该图像会随鼠标移动。移动过程中,该gif动画仍将继续活动。
7.5跟随鼠标的*
鼠标的移动也可以触发一定的事件发生。本节给出了一个对鼠标移动进行感应的例子,完成显示图像和图像清晰度变化的动作。
7.6跟随鼠标的文字
如果有一种跟随鼠标移动的文字并能带有缓冲的效果,将会给网页带来一种新鲜的感觉。本节给出了一个跟随鼠标的文字的例子,这些文字跟着鼠标移动并带有游走的效果。
7.7判断ctrl键是否被按下
为了防止网页内容被复制,网上经常可以遇到禁用鼠标右键的网页。本节给出了一个禁用鼠标左键和右键的例子,不论单击鼠标的哪个按键,都将执行预定的操作。
7.8键盘按键事件的执行顺序
在使用javascript做web键盘事件侦听捕获时,主要采用onkeypress、onkeydown、onkeyup三个事件进行出来。
7.9设置页面中某按钮的热键
第8章窗口大小自动化管理
8.1按指定要求打开的窗口
很多网站总是按照默认窗口打开,如何能随心所欲控制打开的窗口?本节实例给出了一种按指定要求打开窗口的实现方法。
8.2控制窗口的打开和关闭
本节给出了一个控制窗口的打开和关闭的例子,这样就不必每次都单击窗口的右上角的关闭按钮。
8.3从天而降的窗口
窗口从天而降!这是多么新奇的一个效果啊,应用在网页上肯定能吸引更多的人。本节给出了窗口自上而下下降的例子。
8.4打开慢慢变大的窗口
本节给出了一个窗口慢慢变大的例子,也是一个绚丽夺目的效果。
8.5打开一个四面变大的窗口
上一节已经给出使窗口慢慢变大的例子,那么如何使窗口四面变大呢?本节给出了一个这样的例子,首先在垂直位置上变高,然后在水平位置上变宽。
8.6页面左右分开
为了在进入页面时能给人一个好的印象,本节给出了一个页面左右分开实现的例子,好像是进入房间时的两扇门自动左右打开的效果。
8.7定时打开网页
有时候需要在某个特定的时间,打开特定的网页显示一些友好的信息或者是这个时间才有的信息。本节给出了一个在规定的时间自动打开网页的例子。
8.8自动打开新的窗口
为了能在第一时间就打开新的窗口,网上经常可以遇到这样的效果,大多数是用在广告方面。本节给出了一个页面载入以后就自动打开新的窗口的例子,当然这个窗口也是可以设定属性的。
第9章javascript结合文字实现特殊页面
9.1逐隐逐现的文字特效
文字在一定的时间周期内逐隐逐现,就像夏日夜晚的萤火虫一样。本节实例给出了一种逐隐逐现的特效实现方法。
9.2超酷的文字特效
本节实例给出了一个超酷的文字特效,当鼠标移动到某个超级链接上时,出现一个字符串,该字符串逐渐慢慢放大,直到超出页面。
9.3阴影文字的特殊效果
当鼠标移动到某段文字时,可以对该段文字设置阴影,以增强显示效果。本节给出了对文字增加阴影效果的例子。
9.4彩色文字的特殊效果
本节给出一个文字逐个变换颜色的特殊效果,就像文字在一个一个地移动,如同霓虹灯一般。移动过程中,文字随之变换颜色。
9.5升降文字的特殊效果
文字是否可以像电梯一样,上下升降呢?本节给出了一个升降文字的例子,完成文字上升和文字下降变化的动作。
9.6打字效果的文字特效
文字如何实现打字的效果呢?在浏览网页的时候也经常性地能看到这种效果。本节实例给出了一个打字效果的文字特效,文字一个一个地打印在页面上。
9.7淡入淡出的文字效果
文字带有淡入淡出的效果,利用这种效果可以达到吸引人的目的。本节实例给出了一个淡入淡出的文字效果。
9.8炽热文字的特殊效果
本节实例给出了一个炽热文字的特殊效果的例子,文字如同着火般,火光围绕着文字不停地跳动着。
第10章页面中的链接地址个性化
10.1按时消失的链接
在web页面中,链接是一个不可缺少的部分。但是有些时候只想在一定的时间里面显示链接,然后自动消失。本节实例给出了一个按时消失的链接的实现方法。
10.2带滚动提示的链接
本节实例给出了一个带滚动提示的链接的实现方法,当鼠标移动到某个链接时,鼠标后会出现一个滚动的提示;当鼠标离开该链接后,滚动提示消失。
10.3动态变换的链接
当页面载入以后,可以对指定超级链接进行动态变换,以增强显示效果。本节给出了动态变换的链接的例子。
10.4滚动链接
在一个网页中有很多超级链接时,可以考虑用滚动链接的方式,既可以少占用页面的位置,又很动感美观。本节给出了一个实现滚动链接的例子。
10.5不断闪动的链接
盛夏的夜空中,总是有很多繁星在眨着眼睛。本节给出了一个不断闪动的链接例子,来实现像夜空中的星星一般,一闪一闪的效果。
10.6在按钮上定时显示不同的链接
当页面载入以后,可以对指定按钮上的超级链接进行动态变换,以增强显示效果。本节给出了一个在按钮上定时显示不同链接的例子。
10.7带链接的滚动字幕
在看电视新闻的时候常常可以看到,屏幕下方渐渐滚动过去的一些新闻或者相关文字。那在网页中的超级链接是否也能实现这个效果呢?本节给出了一个带链接的滚动字幕的例子,如同以前的跑马灯一样的效果。
第11章在html中用javascript控制图像页面
11.1不停闪烁的图片
盛夏的夜空中,总是有很多繁星在眨着眼睛。本节实例给出一个不停闪烁的图片接例子,来实现像夜空中的星星一般,一闪一闪的效果。
11.2图片展示选择
本节实例给出了一个图片展示选择的方法,当鼠标选择某个图像选项时,该图像会切换为另一幅图像。
11.3图片的渐显播放
图片在一定的时间周期内逐隐逐现,就像夏日夜晚的萤火虫一样。本节实例给出一种图片渐显播放的特效实现方法。..
11.4将图片固定在页面左上角
当鼠标移动向下拉时,图片可以随着页面的变化而向下移动,并一直保持在窗口顶部的效果。本节给出了一个将图片固定在页面左上角的例子。
11.5左右移动的图片
在浏览网页的时候可以看到这样的效果,图片在页面中如同摆钟的钟摆一样左右移动。本节给出了一个左右移动图片的例子,完成左右不停移动的动作。
11.6图像滚动公告版
公告版在日常生活中是很常见的,如果使用图片做成滚动的特效将会更吸引人一些。本节给出了一个图像滚动公告版的例子。
11.7跟随屏幕移动的图像
在页面上使用鼠标拖动图像,释放后保持在最后鼠标释放时候的位置。这样的效果现在很流行。本节给出了一个跟随屏幕移动图像的例子,来实现这个效果。
第12章菜单特效
12.1左键弹出式菜单
在web页面中,通常是单击鼠标右键会弹出菜单选项,显得有些单调。本节实例给出了一种单击鼠标左键便会弹出菜单的实现方法。
12.2推拉门式样的菜单
本节实例给出了一个实现推拉门式样菜单的方法,当鼠标移动到菜单一边时,该菜单会渐渐推出,直到完全显示出来;当鼠标离开该菜单后,又慢慢退回原来的位置。
12.3浮动顶部的菜单
当鼠标移动向下拉时,菜单可以随着页面的变化而向下移动,并一直保持在窗口顶部。本节给出了一个对浮动顶部的菜单例子。
12.4浮动底部的菜单
当鼠标移动向下拉时,菜单可以随着页面的变化而向下移动,并一直保持在窗口底部。本节给出了对浮动底部的菜单例子。
12.5渐显效果下拉菜单
用鼠标单击以后菜单由无到有逐渐显示。本节给出了一个实现这样渐显效果下拉菜单的例子。
第13章背景特效
13.1背景时钟
在日常生活中,处处都可以看到时间,大街上、电视上、商场里……当然对于上网的人们,更多看到时间的还是在网页上。本节实例给出了一种背景时钟的实现方法。
13.2永远居中的背景图片
本节实例给出了一种图像切换的方法,当鼠标移动到某个图像时,该图像会切换为另一幅图像;当鼠标离开该图像后,又换回原来的图像。
13.3随机显示的背景图片
如果背景始终如一,难免会让人有单调的感觉,可以选择多个背景在每次刷新的时候就会随机显示,以增强显示效果。本节给出了随机显示背景图片的例子。
13.4不停变换的背景颜色
夜晚街上的霓虹灯是一道靓丽的风景线,那网页背景也能像这样自动不停变换颜色吗?本节就给出了一个实现这样功能的例子。
13.5背景颜色自己选
前几节实现的背景都不能自己选择,都是由程序决定的。本节给出了一个更具人性化的例子,可以自己来选择背景颜色。
第14章页面特效
14.1页面全屏显示
在浏览器中,可以按右上角的最大化按钮使浏览器全屏显示。那如何使页面全屏显示呢?本节实例给出了一种页面全屏显示的实现方法。
14.2显示器检测代码(给出提示)
本节实例给出了一种检测显示器分辨率的方法,并能友好地提醒浏览者,该用何种分辨率浏览网页可以得到最佳效果。
14.3浏览器检测后自动跳转相应界面
当自动判断浏览器类型后,页面跳转至相应界面。本节给出了浏览器检测后自动跳转相应界面的例子。
14.4检测浏览器相应版本
本节给出了一个检测浏览器相应版本的例子。当使用不同的浏览器和不同的版本浏览这个页面时,显示的信息都会不同。
14.5页面停留时间1
鼠标的移动也可以触发一定的事件发生。本节给出了一个对鼠标移动进行感应的例子,完成显示图像和图像清晰度变化的操作。
14.6页面停留时间2
有时候并不想让浏览者时时看到停留的时间,只在离开的时候做个小小的提示。本节给出了一个这种页面停留时间效果的例子。
14.7检测浏览器类型并调用不同的背景音乐
在web页面中能播放动人的背景音乐是一件能让人有好心情的事情。本节实例给出了一种检测浏览器类型并调用不同背景音乐的实现方法。
14.8将站点加入频道栏
本节实例给出了将一个站点加入频道栏的方法,用户可以通过订阅频道实现站点更新内容的自动获取。在频道定义中所使用的格式cdf(channel definition fomat),也是一个xml应用。
14.9将站点加入收藏夹
如果某个网站经常被访问,希望每次上网的时候很容易就能够被找到,那么可以将它加入收藏。本节给出了将站点加入收藏夹的例子。
14.10禁用鼠标按键
为了防止网页内容被复制,网上经常可以遇到禁用鼠标右键的网页。本节实例给出了一个禁用鼠标左键和右键的例子,不论单击鼠标的哪个按键,都将执行预定的操作。
14.11自动弹出式窗口
本节给出了一个自动弹出式窗口的例子,调用一个窗体时自动弹出一个新的窗体。这个特效在弹出广告上运用很广泛。
14.12自动滚屏
有时候可能因为一个页面中的内容过多,看到一半的时候就得用鼠标向下拉一下。本节实例给出了一种自动滚屏的实现方法,能够很好地解决这类问题。
第15章javascript操作表格
15.1动态添加表格
既然本章介绍对表格的操作,如果在web页面中没有表格,那该如何创建呢?本节实例给出了一种动态添加表格的实现方法。
15.2获取表格的某行
本节实例给出了一种获取表格某行的方法。在上一小节中,介绍了如何动态创建表格的方法。如果想得到某行表格的数据。该使用怎样的方法对表格进行操作呢?
15.3获取某个表格的单元格
有时候想得到更为细致的数据,那么就必须得到单元格的内容。有了前两个小节的基础,下面使用类似的方法实现一个获取表格中某个单元格的例子。
15.4锁定表格的表头
有时候表格的数据会比较多,这样表格就显得比较长,所以要限定表格的高度。但是这样出现了滚动条以后,表头是会随着拖动而不见的。本节给出了一个即使在数据很多时候需要使用滚动条拖动,还能锁定表格表头的例子。
15.5简单的表格排序
对于数据的操作,为能够得到更好的比较,排序是经常性的事情。本节给出了一个对数据表格进行排序的例子,完成简单性的数据排序功能。
15.6表格翻页
也是为了更友好地呈现数据,网上经常可以遇到各种各样的翻页形式。有的是静态分页,有的使用ajax动态分页。而这些都是要在服务器端执行的,本节实例给出一个只利用javascript脚本在客户端就能实现表格翻页的例子。
第16章ajax应用特效
16.1无刷新实现图片切换
在web页面中,经常可以看到一些很漂亮的图片切换效果。本节实例给出了一种实现图片无刷新切换的方法。
16.2很酷的导航特效
导航条是在网络上最经常看到的,本节实例给出了一个很酷的导航特效,当鼠标移动到某个菜单选项时,该选项会带有类似缓冲效果切换为另外一种样式;当鼠标离开该图像后,又换回原来的样式。
16.3加载一个文本文件到一个html元素中
在页面上要动态改变一个元素的内容通常需要刷新整个页面,使用ajax技术以后只要改变想要改变的内容而不要刷新整页。本节给出了加载一个文本文件到一个html元素中的例子。
16.4使用xml http载入一个xml文件
xml文件是现在很流行的一种数据格式,在很多方面都有很好的应用。本节给出一个使用xml http载入一个xml文件的例子。
16.5通过xml http做一个head的请求
web网页的head中包含有很多重要的信息,例如根据这些信息可以判断现在的状态并作出相应的改变。本节给出了一个通过xml http做一个head的请求的例子。
16.6通过xml http做一个特殊head的请求
web网页的head中包含有很多重要的信息,例如根据这些信息可以判断现在的状态并作出相应的改变。如果只是想得到其中的一个特殊信息也是很方便的。本节给出了一个通过xml http做一个特殊head的请求的例子。
16.7显示xml数据表格
xml文件是现在很流行的一种数据格式,在很多方面都有很好的应用。本节给出一个显示xml数据表格的例子。
16.8服务器端的动态建议
最近网上流行的ajax技术之一,即在网页上输入一定信息的关键字便能动态显示建议。本节给出了一个服务器端的动态建议的例子,其中使用到服务器端语言。
第17章prototype基础应用
17.1使用$()得到html元素
一般javascript脚本语言是通过document.getelementbyid()方法得到页面中的html元素的。prototype框架提供了一个更方便更强大的函数来实现这一功能。本节实例给出了一种使用$()得到html元素的实现方法。
17.2使用$f()返回表单输入控件的值
提交表单的功能在动态的交互式网页上有很广泛的应用。如果我们需要将这个功能做成ajax无刷新效果的话,那么就得考虑如何得到表单中输入框控件的值。本节实例给出了一个使用$f()返回表单输入控件的值的方法。
17.3使用$a()将单个的参数转换成array对象
数组是一种优良的数据结构,转换成数组便于对数据进行更方便的操作。一个推荐的用法就是把dom nodelists转换成一个普通的array对象,从而更有效率地进行遍历。本节给出了使用$a()将单个的参数转换成array对象的例子。
17.4使用$h()把一些对象转换成hash对象
hash也是一种优良的数据结构,该对象实现了一个散列结构,例如一个键:值对的集合。其中的每个项目都是一个包含两个元素的数组:首先是键,然后是值。本节给出了使用$h()把一些对象转换成hash对象的例子。
17.5使用$r()创建新的对象域
prototype的对象域继承自enumerable枚举对象,继承了枚举对象的所有的特性。本节给出了一个使用$r()创建新的对象域的例子。
17.6使用ajax.request类进行异步调用
如果不使用任何的帮助程序包,则需要编写整个大量的代码来创建xmlhttprequest对象并且异步地跟踪它的进程,然后解析响应并处理它。为了支持ajax功能,prototype对这个包定义了ajax.request类。
17.7使用ajax.updater类填充html
如果服务器的另一端返回的信息已经是html格式的,那么在使用这个程序包中ajax.updater类将使此操作变得更加容易。用它只需提供哪一个元素需要被ajax请求返回的html填充就可以了。本节给出了一个使用ajax.updater类填充html的例子。
第18章基于jquery的特效
18.1动态表格和动态表单
表格是html的一项非常重要功能,利用其多种属性能够设计出多样化的表格。使用表格可以使你的页面有很多意想不到的效果,使页面更加整齐美观。本节实例给出了一种动态表格和动态表单的实现方法。
18.2输入框获得焦点、单击、划过时全选
本节实例给出了一个通过输入框获得焦点、单击、划过时全选的方法,当鼠标移动到某个输入框时,该输入框中的内容便会自动全选。
18.3css 样式表动态选择
样式表可以对页面的样式进行定义,进而使页面能够呈现出不同的表现形式。本节实例给出了用javascript实现一个页面多份样式表的方法,这样一个页面可以选择不同的样式和内容。
18.4jquery的选择器之变态演示
jquery拥有一个相当强大的选择器引擎,提供了完整的选择器语法,允许选择几乎所有的元素组合。jquery的选择器语法主要是基于css3和xpath的,对css3和xpath了解越多,使用jquery时就越得心应手。本节实例给出了一个对jquery的选择器之变态演示,用来体验jquery的强大。
18.5让链接打开一个新窗口
鼠标的单击也可以触发一定的事件发生。本节给出了一个用链接打开一个新窗口的例子,只要用鼠标单击超级链接便能打开新的窗口。
18.6键盘控制选择表格并编辑
在excel和word文档中能很容易地对数据表格进行选择编辑,如何在网页中实现这种方便的效果呢?本节实例给出了一种键盘控制选择表格并编辑的实现方法。
18.7下拉框的值同时给文本框和文本域
本节实例给出了一个下拉框的值同时给文本框和文本域的方法,当用鼠标点击下拉框某个值时,同时给页面的文本框和文本域赋值。
18.8基于jquery的折叠菜单
菜单可以展开也可以收缩,这样既能隐藏一些不相关的内容又能突出重点。这样的效果最常用的还是在网页后台上。本节给出了基于jquery的折叠菜单的例子。
18.9可编辑的表格数据
在excel和word文档中能很容易地对数据表格进行选择编辑,如何在网页中实现这种方便的效果呢?本节实例给出一种鼠标控制选择表格并编辑的实现方法。
18.10实现双色数据表格
第19章其他特效
19.1中文日期
直接使用脚本得到的时间是阿拉伯数字格式显示的,如何能得到中文的日期格式呢?本节实例给出了一种中文日期的实现方法。
19.2现在的日期及星期
本节实例给出了一种得到现在的日期及星期的方法。这样就不必总是问别人,今天几号啊,今天是星期几呀。
19.3带链接的滚动字幕
在网上冲浪时,屏幕下方常会出现渐渐滚动过去的一些新闻或者相关文字。那在网页中的超级链接是否也能实现这个效果呢?本节给出了一个带链接的滚动字幕的例子。
19.4垂直滚动公告板
在一个网页中有很多公告内容时,可以考虑用垂直的方式。既可以少占用页面的位置,又很动感美观。本节给出了一个实现垂直滚动公告板的例子。
19.5关闭窗体
本节给出了一个控制窗口的关闭的例子,这样就不必每次都单击窗口的右上角的关闭按钮。
19.6分时问候
在网页上根据不同时间段给出不同的温馨问候,会有一种亲切的感觉。本节实例使用javascript制作一个在不同时间的不同问候语,大致分为早上、中午、晚上和深夜4个时间段。
19.7密码保护页面
有时候只是想让自己或者自己熟悉的人浏览网页内容,那么给这个网页设置一个密码是最合适不过的。本节给出了一个密码保护页面的例子,只有输入正确的密码,才能正常访问网页内容。
19.8当前的时间
本节实例给出了一种得到当前时间的方法。虽然现在提供的操作系统已经提供了这个功能,但是有时候系统时间也会出错,那么校对网上的时间会是一个不错的选择。
第20章正则表达式
20.1校验是否全由数字组成
一种校验是否全由数字组成的实现方法。可以对一个输入字符串进行测试,查看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。
20.2校验登录名
一种校验登录名的实现方法。只能输入5~20个以字母开头、可带数字、“”、“.”的字符串。
20.3校验用户姓名
一种校验用户姓名的实现方法。只能输入1~30个以字母开头的字符串。
20.4校验普通电话、传真号码
一种校验用户姓名的实现方法。只能输入6~20个字母、数字和下画线。
20.5校验中文字符
一种校验中文字符的实现方法。校验普通电话、传真号码:可以“+”开头,除数字外,可含有“-”。
20.6校验邮件地址的有效性
一种校验邮件地址的有效性的实现方法。必须以数字开头,除数字外,可含有“-”。
20.7校验腾讯qq号
一种校验腾讯qq号的实现方法。号码的位数必须大于5位。
附录javascript核心对象和方法参考...
Mastering JavaScript step by step
光盘服务联系方式: 020-38250260 客服QQ:4006604884
云图客服:
用户发送的提问,这种方式就需要有位在线客服来回答用户的问题,这种 就属于对话式的,问题是这种提问是否需要用户登录才能提问
Video Player
×
Audio Player
×
pdf Player
×
亲爱的云图用户,
光盘内的文件都可以直接点击浏览哦
无需下载,在线查阅资料!