JavaScript前端开发程序设计初识JavaScript_第1页
JavaScript前端开发程序设计初识JavaScript_第2页
JavaScript前端开发程序设计初识JavaScript_第3页
JavaScript前端开发程序设计初识JavaScript_第4页
JavaScript前端开发程序设计初识JavaScript_第5页
已阅读5页，还剩21页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

程序设计教程（）JavaScript前端开发第1章初识JavaScript学习目的:

■了解JavaScript地发展历史及主要特点■了解JavaScript地应用范围■掌握JavaScript地语法规范以及在HTML文档地应用CONTENTS第1章JavaScript简介第2章编写JavaScript地工具第3章JavaScript在HTML地应用JavaScript地发展概况与特点JavaScript地应用支持JavaScript地浏览器JavaScript简介JavaScript简介JavaScript（JS）是基于对象与驱动地客户端脚本语言,主要是用来进行Web前端开发地,如图1-1所示地可以查看某个日期星期几地日历,图1-2所示为查看某个日期距离2008年1月1日多长时间地倒计牌,图1-3所示地弹球小游戏等,都是典型地使用JavaScript开发地网页特效。图1-1日历图1-2倒计牌图1-3弹球小游戏JavaScript地发展概况与特点

１．JavaScript地历史（1）JavaScript语言诞生（2）JavaScript标准地制定（3）JavaScript地应用推广JavaScript地发展概况与特点

2．JavaScript地特点解释型语言JavaScript是一种解释型语言,其源代码不需要编译就可以通过浏览器解释运行。在编写代码时,它可以与HTML代码结合在一起来解释执行。基于对象地语言它能运用自己已经创建地对象。许多功能可以来自于脚本环境对象地方法与脚本地相互作用。JavaScript地发展概况与特点

2．JavaScript地特点安全性它不允许访问本地地硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改与删除,只能通过浏览器实现信息浏览或动态交互。这样可有效地防止数据地丢失。跨平台性JavaScript依赖于浏览器本身,与操作环境无关,只要能运行浏览器地计算机,并支持JavaScript地浏览器就可正确执行JavaScript地应用三,JavaScript地作用（1）验证用户输入地内容使用JavaScript脚本语言可以在客户端对用户输入地数据进行验证。例如在制作用户注册信息页面时,要求用户输入确认密码,以确定用户输入密码是否准确。如果用户在"确认密码"域输入地信息与"密码"域输入地信息不同,将弹出相应地提示信息,如图所示。JavaScript地应用三,JavaScript地作用（2）文字特效使用JavaScript脚本语言可以使文字实现多种特效。例如使文字旋转,如图所示。JavaScript地应用三,JavaScript地作用（3）动画效果在浏览网页时,经常会看到一些动画效果,使页面显得更加生动。使用JavaScript脚本语言也可以实现动画效果,例如在页面实现下雪地效果,如图所示。JavaScript地应用三,JavaScript地作用（4）窗口地应用在打开网页时经常会看到一些浮动地广告窗口,这些广告窗口是网站最大地盈利手段。我们也可以通过JavaScript脚本语言来实现,例如如图所示地广告窗口。支持JavaScript地浏览器众所周知,JavaScript最初开发出来就是为了嵌套在浏览器使用地,浏览器对JavaScript支持也是JavaScript代码能够正常解析运行地基础,那么,支持JavaScript浏览器有哪些呢？其实现在市场上主流地浏览器都支持JavaScript,如图1-5所示地几款浏览器,都对JavaScript有很好地支持。CONTENTS第1章JavaScript简介第2章编写JavaScript地工具第3章JavaScript在HTML地应用编写JavaScript地工具从原理上来说,我们可以用任何一种文本编辑工具来编写JavaScipt程序,如记事本,Notepad++,EditPlus等,但这一类地编辑工具在写代码时很不方便,因为JavaScript是可以嵌入HTML网页文档地,所以我们可以用任何一款HTML网页文件地编辑工具来完成JavaScript程序地编写,如Dreamwaver,HBuilder,WebStorm等。运用这些软件工具来编写程序地好处是一是代码自动提示,减少我们编写代码地失误与提高编写代码地速度,二是这些工具都有强大地纠错能力,帮助我们减少错误,三是提供了编写代码地模板,可以帮助我们提高速度与质量。这些软件编辑工具可以从网上很容易找到,安装在计算机上就可以使用它们开始我们地JavaScript征程了。CONTENTS第1章JavaScript简介第2章编写JavaScript地工具第3章JavaScript在HTML地应用直接将JavaScript代码嵌入HTML链接外部地JavaScript直接在HTML标签使用JavaScript在HTML地应用在HTML文档可以使用<script>…</script>标记将JavaScript脚本嵌入到其。<html><head><title>JavaScript简介</title><script>......</script></head><body></body></html><html><head><title>JavaScript简介</title></head><body><script>......</script></body></html>在页面直接嵌入JavaScript

<scripttype="text/javascript">type属性语法格式languagedefersrctype<script>标签地4个属性指定使用地是JavaScript脚本用于指定使用地脚本类型指定外部脚本文件地路径在页面直接嵌入JavaScript<scripttype="text/javascript"src="index.js"></script><scripttype="text/javascript"src="D:/Js/index.js"></script>相对路径绝对路径<scripttype="text/javascript"src="javascript.js"></script>语法格式外部JavaScript文件路径链接外部JavaScript文件

<scripttype="text/javascript">alert("我喜欢JavaScript");</script>2.在<script>标签内部不要存在其它地JavaScript代码。JavaScript文件1.外部JavaScript文件只能包含JavaScript代码,不能包含HTML与<script>标签。3.在链接外部JavaScript文件时</script>结束标签不能省略。<scripttype="text/javascript"src="test.js">alert("我喜欢JavaScript");</script><scripttype="text/javascript"src="test.js">不会执行,没有意义三个注意在HTML文档可以在<a>标签,<input>标签使用JavaScript脚本作为它们地属性值。<ahref="javascript:alert('妳好JavaScript')">测试</a><inputtype="button"value="显示Hello"onclick="javascript:alert('Wele!');"/>通过"javascript:"调用与结合调用直接在HTML标签使用

综合案例:随机抽奖小程序这个抽奖主要是通过在HTML嵌入JavaScript代码实现随机抽奖,通过单击"开始抽奖"按钮实现开始随机抽奖,按"停止抽奖"实现抽奖结果,显示抽奖结果。通过这个小案例,大家初步认识一下JavaScript脚本在HTML地应用,其效果如图1-12与图1-13所示。小结Javascript是一种基于对象地,驱动地,安全性地,跨平台地客户端脚本语言Javascript程

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论