![Java Script从入门到精通(第5版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/758/52842758/b_52842758.jpg)
上QQ阅读APP看书,第一时间看更新
1.1.3 JavaScript的应用
使用JavaScript脚本语言实现的动态页面在Web上随处可见。下面介绍几种常见的JavaScript应用。
(1)验证用户输入的内容。使用JavaScript脚本语言可以实现在客户端对用户输入的数据进行验证。例如,在制作用户注册信息页面时,要求用户输入确认密码,以确定用户前面输入的密码是否准确。如果用户在“确认密码”文本框中输入的信息与在“注册密码”文本框中输入的信息不同,将弹出相应的提示信息,如图1.1所示。
![](https://epubservercos.yuewen.com/F2DC7F/31398433307916706/epubprivate/OEBPS/Images/Figure-P20_4028.jpg?sign=1739095177-GRl0TX6GaHs0R9dQjgr7PPDSU0oqcrtA-0-fa19ca539e690f167edf14bea473f0dd)
图1.1 验证两次密码是否一致
(2)动画效果。添加动画效果的页面会更加生动。使用JavaScript脚本语言可以实现动画效果。例如,在页面中实现下雪的效果,如图1.2所示。
![](https://epubservercos.yuewen.com/F2DC7F/31398433307916706/epubprivate/OEBPS/Images/Figure-P20_4038.jpg?sign=1739095177-yrlNbLiCAoxGMoTiBj8eOjgNI9t6DU1h-0-2a24be6bf2b0535defe286835f0e4912)
图1.2 动画效果
(3)窗口的应用。打开网页时经常会看到一些浮动的广告窗口,这些广告窗口是网站主要的营利手段之一。可以通过JavaScript脚本语言来实现如图1.3所示的广告窗口。
![](https://epubservercos.yuewen.com/F2DC7F/31398433307916706/epubprivate/OEBPS/Images/Figure-P21_4047.jpg?sign=1739095177-OjTuxd7rHnyZvKvY2b8NumTZJoN6gSSS-0-9ee5ddb374e27dc4121e0c37e3db3ec4)
图1.3 窗口的应用
(4)文字特效。使用JavaScript脚本语言可以使文字生成多种特效,如图1.4所示。
![](https://epubservercos.yuewen.com/F2DC7F/31398433307916706/epubprivate/OEBPS/Images/Figure-P21_4051.jpg?sign=1739095177-NcztS6HGuJzKLwWzDVE14PVMsCEiGzy2-0-3cb86e6cc1a4a71ca56e8c5596e4c775)
图1.4 文字特效
(5)应用Ajax技术实现百度搜索提示。在百度首页的搜索文本框中输入要搜索的关键字时,下方会自动给出若干个相关提示。如果给出的提示有符合要求的内容,则可以直接选择,非常方便。例如,输入“明日科”后,在其下面将显示如图1.5所示的提示信息。
![](https://epubservercos.yuewen.com/F2DC7F/31398433307916706/epubprivate/OEBPS/Images/Figure-P21_4055.jpg?sign=1739095177-6Owz1KMz9Kv8SRhjXgFsTnbgjchXe0UH-0-fea4328c6bc04a32bf9e1058cdde01d7)
图1.5 百度搜索提示页面