- 13
- 0
- 约5.19千字
- 约 29页
- 2017-04-26 发布于北京
- 举报
第十三章JavaScript概述
;;13.1 JavaScript概貌;13.1.1 JavaScript的历史起源;JavaScript脚本语言的主要特点如下:
解释性
JavaScript不同于一些编译性的程序语言,例如C、C++等,它是一种解释性的程序语言,它的源代码不需要经过编译,而直接在浏览器中运行时被解释。
基于对象
JavaScript是一种基于对象的语言。这意味着它能运用自己已经创建的对象。因此,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
事件驱动
JavaScript可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的响应,是以事件驱动的方式进行的。所谓事件驱动,就是指在主页中执行了某种操作所产生的动作,此动作称为“事件”。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。
跨平台
JavaScript依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可以正确执行。
安全性
JavaScript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。这样可有效地防止数据的丢失。; 使用JavaScript脚本实现的动态页面,在Web上随处可见。下面将介绍几种JavaScript常见的应用。
验证用户输入的内容
使用JavaScript脚本语言可以在客户端对用户输入的数据进行验证。例如在制作用户注册信息页面时,要求用户输入确认密码,以确定用户输入密码是否准确。如果用户在“确认密码”文本框中输入的信息与“密码”文本框中输入的信息不同,将弹出相应的提示信息,如图13-1所示。
图13-1 验证两次密码是否一致
;动画效果
在浏览网页时,经常会看到一些动画效果,使页面显得更加生动。使用JavaScript脚本语言也可以实现动画效果,例如在页面中实现下雪的效果,如图13-2所示。
图13-2 动画效果
;窗口的应用
在打开网页时经常会看到一些浮动的广告窗口,这些广告窗口是网站最大的盈利手段。我们也可以通过JavaScript脚本语言来实现,例如,如图13-3所示的广告窗口。
图13-3 窗口的应用
;文字特效
使用JavaScript脚本语言可以使文字实现多种特效。例如使文字旋转,如图13-4所示。
图13-4 文字特效
;中国网络电视台应用的jQuery效果
访问中国网络电视台的电视直播页面后,在央视频道栏目中就应用了jQuery实现鼠标移入移出效果。将鼠标移动到某个频道上时,该频道内容将添加一个圆角矩形的灰背景,如图13-5所示,用于突出显示频道内容,将鼠标移出该频道后,频道内容将恢复为原来的样式。
图13-5 中国网络电视台应用的jQuery效果;;应用Ajax技术实现百度搜索提示
在百度首页的搜索文本框中输入要搜索的关键字时,下方会自动给出相关提示。如果给出的提示有符合要求的内容,可以直接选择,这样可以方便用户。例如,输入“明日科”后,在下面将显示如图13-7所示的提示信息。
图13-7 百度搜索提示页面
;13.2 搭建JavaScript开发环境;在使用JavaScript进行程序开发时,要求使用的硬件开发环境如下:
首先必须具备运行Windows 98、Window XP、Windows Vista、Windows 7等,Windows 2000及其Service Pack 2或更高版本的基本硬件配置环境。
至少512MB以上的内存。
640*480分辨率以上的显示器,建议使用1024*768。
至少1G以上的可用硬盘空间。
注意:
一般情况下,计算机的最低配置往往不能满足复杂的JavaScript程序的处理需要,如果增大内存的容量,可以明显地提高程序在浏览器中运行的速度。; 本书介绍的JavaScript基本功能适用于大部分浏览器。为了能够更好地利用本书,建议读者的软件安装配置如下:
Windows XP、Windows 7操作系统。
Netscape Navigator 3.0浏览器或Internet Explorer 6.0浏览器以上版本。
; 由于各浏览器对JavaScript脚本支持的不一致性,因此,在进行JavaScript脚本编程时,首先应确定用户使用的浏览器类型,然后根据浏览器类型编写JavaScript脚本。下面将介绍Netscape的Navigator浏览器和Microsoft的Internet Explorer浏览器。
1.Netscape Navigator(网景浏览器)
Netscape Navigator(网景浏览器)是最早也是最
您可能关注的文档
- 第六课-文艺复兴和宗教改革.ppt
- 第六课中国古代科学技术.ppt
- 第六课正弦交流电路与相量表示法.ppt
- 第六课古代中国的科学技术成就.ppt
- 第六课灿烂的青铜文明.pptx
- 第六课“参与政治生活-依法参与政治生活”课件.ppt
- 第六课_相交立体的投影.ppt
- 第六课纪念伏尔泰逝世一百周年的演说课件.ppt
- 第六课.古代世界的战争与征服.ppt
- 第六课罗马法的起源与发展上课用.ppt
- 2025-2026学年天津市和平区高三(上)期末数学试卷(含解析).pdf
- 2025-2026学年云南省楚雄州高三(上)期末数学试卷(含答案).pdf
- 2025-2026学年甘肃省天水市张家川实验中学高三(上)期末数学试卷(含答案).docx
- 2025-2026学年福建省厦门市松柏中学高二(上)期末数学试卷(含答案).docx
- 2025-2026学年广西钦州市高一(上)期末物理试卷(含答案).docx
- 2025-2026学年河北省邯郸市临漳县九年级(上)期末化学试卷(含答案).docx
- 2025-2026学年河北省石家庄二十三中七年级(上)期末历史试卷(含答案).docx
- 2025-2026学年海南省五指山市九年级(上)期末化学试卷(含答案).docx
- 2025-2026学年河北省唐山市玉田县九年级(上)期末化学试卷(含答案).docx
- 2025-2026学年河北省邢台市市区九年级(上)期末化学试卷(含答案).docx
原创力文档

文档评论(0)