`
jiagou
  • 浏览: 2537417 次
文章分类
社区版块
存档分类
最新评论

javaScript

 
阅读更多

JavaScript由来

Javascript是一种由Netscape的LiveScript发展而来的;是写在HTML文件中的一种基于对象和事件驱动并具有安全性能的脚本语言;区分大小写的客户端脚本语言。


当用户在客户端的浏览器中显示该网页时,浏览器就会执行JavaScript程序,让用户通过交互式的操作变换网页显示的内容,以实现HTML语言所不能实现的一些功能。


提供了数据验证的基本功能。
JavaScript是Java的变种吗
JavaScript最初的确是受Java启发而开始设计的,而且设计的目的之一就是“看上去像Java”,因此语法上有很多类似之处,许多名称和命名规范也借自Java。
但是实际上,JavaScript的主要设计原则源自Self和Scheme,它与Java本质上是不同的。
本质上讲JavaScript更像是一门函数式编程语言,而非面向对象的语言,它使用一些智能的语法和语义来仿真高度复杂的行为。其对象模型极为灵活、开放和强大,具有全部的反射性。


JavaScript与Java不同
JS是Netscape公司的产品,Java是Sun公司的产品。
JS是基于对象,Java是面向对象。
JS只需解释就可以执行,Java需要先编译成字节码文件,再执行。
JS是弱类型,Java是强类型。
JavaScript与JScript比较
最开始web上只有静态的html
为了满足更好的交互需求,netscape开发了在Navigator中使用的LiveScript语言,后改名为JavaScript
Microsoft发行JScript用于internet explorer.
最初的JScript和JavaScript差异过大,Web程序员不得不痛苦的为两种浏览器编写两种脚本。于是诞生了ECMAScript,是一种国际标准化的JavaScript版本。现在的主流浏览器都支持这种版本。
ECMA 欧洲计算机制造协会
JavaScript与JScript比较
我们写程序的时候最好写<script language=javascript>而不是<script language=jscript>因为javascript是一个通用的名称,所有浏览器都认识,而JScript只有IE认识。
注:规范中script标签早期属性language,而现在使用type属性。
其他语言细节上的区别,不是一两下能说完的。一般认为编程时最好遵循ECMAscript标准。这样可以保证兼容性。
顺便说一下,JavaScript原来叫Livescript,后来Sun的java风头正盛的时候netscape就把名字改成JavaScript
JavaScript 应用实例
什么是JavaScript 3-2
同样,


从上面应用中可看出
是写在HTML文档中的一种基于对象(Object)和事件驱动(EventDriven)、并具有安全性能的脚本语言。
当用户在客户端的浏览器中显示该网页时,浏览器就会执行JavaScript程序,让用户通过交互式的操作变换网页显示的内容,以实现HTML语言所不能实现的一些功能。


什么是JavaScript
JavaScript的特点
解释性:由浏览器直接解释执行
用于客户端
安全性:不允许直接访问本地硬盘
简单易用:脚本式语言最大的优点是易学易用,是一种轻量级的程序语言
动态性:他可以直接对用户或客户输入作出响应,无须经过web服务程序,他对用户的反映响应,是采用以事件驱动的方式进行的。
跨平台性:只要是可以解释Js的浏览器都可以执行,和操作系统无关
什么是JavaScript
JavaScript的作用
校验用户输入的内容:用户输入内容的校验常分为两种
格式性校验:JavaScript
功能性校验
有效地组织网页内容
动态地显示网页内容:时钟显示等
动画显示
JavaScript脚本编写过程
编写JavaScript脚本:可以使用任何一种文字编辑器来编写,我们使用Dreamweaver、EditPlus、UE等。
执行:与HTML文档配合,将其插入到HTML文档中,然后通过浏览器执行HTML文档即可。浏览器可以是IE、firefox等。
将JavaScript嵌入网页方式
可以将 JavaScript 语句插入 HTML 文档,方式如下:
使用 <script> 标签将语句嵌入文档 <html> <head> <script type=”text/javascript” > function showAlert() { alert(“web“);} </script> </head> <body > … …</body> </html>


当有多个html页面使用到相同的JS脚本时,可以将js代码封装到一个文件中,只要在script标签的src属性引入一个js文件。(方便后期维护,扩展)
注意:如果在script标签中定义了src属性,那么标签中的内容不会被执行。


将 JavaScript 源文件链接到 HTML 文档中 <html> <head> <script type=”text/javascript” src=“common.js“></script> </head> <body >web程序设计</body> </html> common.js文件内容 function showAlert(){ alert(“web程序设计“); }


事件跟随式 <html> <head> </head> <body onload=”window.alert(‘hello web’);”> <a href="javascript:alert(new Date());">abc</a>
<input type=button value=test onclick="alert(new Date());">
</body> </html>


第一个JavaScript案例
实现第一个Javascript案例
需注意:
JavaScript程序内容必须置于<script> </script>标签中,type=“text/javascript”用于区别其他脚本程序语言。
对于不支持javascript程序的浏览器,标记<!-- //-->之间的内容就会被隐藏起来,否则就会被当做html的内容显示出来,而对于支持javascript程序的浏览器,这对标签不起任何作用。
Javascript程序对大小写字母是敏感的,即在同一个程序语句中如果使用大写或小写字母将代表不同的意义。
使用注释/*多行注释*/ //单行注释


Javascript程序在html文件中的位置没有严格的规定,但根据Javascript程序的功能和作用,一般将其置于3种位置:
在html<body>标记中的任何位置。如果所编写的Javascript程序用于输出网页内容的,应该将Javascript程序置于html文件中需要显示该内容的位置。
在html<head>标记。如果所编写的Javascript程序需要在某一个html文件中多次使用,那就应该编写Javascript函数,并将函数置于html文件的<head>标记中。
在一个单独的js文件中。如果编写的Javascript程序需要在多个html文件中使用,或Javascript程序内容很长时。
数据类型
转义字符
常量和变量
常量:不能改变的数据。可以为整型、逻辑型、字符串型等。
变量:在计算机内存中暂时保存数据的地方。用关键字var声明或用赋值的形式。var i;i=10;var count=10;var i,j;
变量命名规则
第一个字符必须是字母(大小写均可)、下划线(_)或美元符($);
后续字符可以是字母、数字、下划线或美元符;
变量名称不能是保留字;
字符大小写敏感;
变量可以不声明直接使用 k=100;(k没定义就直接用)
变量弱类型检查,且可随时改变数据类型
常量和变量
分析各语句中使用的变量名是否有效?
var 1x=1;
var while="please click th button:";
var _while="next page";
var y2=12.5;
var y3=Y2;
var the sum=100;
var errorMessage="";
常量和变量
变量的数据类型及其转换 JavaScript声明变量时无需定义数据类型,因此,其变量又称为“无类型”变量,也就是说,声明后的变量名可以随时被赋值为任意类型的数据, JavaScript将会自动给予转换。 var count=1; … count=“the count of var is ”+count;
用typeof()运算符返回表达式的数据类型var a=18; typeof(a) ---number
“+”号的用法-1
“+”号的用法-2
运算符和表达式
运算符对一个或多个变量或值(操作数)进行运算,并返回一个新值
根据所执行的运算,运算符可分为以下类别:
算术运算符
比较运算符
逻辑运算符
赋值运算符=、+=、-=、*=、/=、%=
位运算符(很少用)
算术运算符
算术运算符-1
算术运算符-2
比较运算符
比较运算符
逻辑运算符
逻辑运算符
流程控制
所谓结构化程序设计思想,就是要使所设计的程序给人一种一目了然的感觉,条理清晰,模块化,书写层次分明,要求:
顺序结构:一条接一条,自上而下
选择结构:判断给定条件,根据不同情况做不同处理
循环结构:多次重复执行同一系列命令
if 语句 2-1
条件语句用于测试条件。
If语句 2-2
If-else语句 2-2
嵌套If语句 2-2
switch 语句 2-1
switch语句 2-2
分享到:
评论

相关推荐

    深入理解JavaScript系列

    本书是一本全面、深入介绍JavaScript语言的学习指南。本书共分四个部分,第1部分帮助读者快速入手,掌握基本的JavaScript编程要点;第2部分介绍JavaScript的发展和技术背景;第3部分深入探索JavaScript,介绍了语法...

    《JavaScript程序设计案例教程》课件(共13章)第1章 JavaScript程序设计案例教程.pdf

    《JavaScript程序设计案例教程》课件(共13章)第1章 JavaScript程序设计案例教程.pdf《JavaScript程序设计案例教程》课件(共13章)第1章 JavaScript程序设计案例教程.pdf《JavaScript程序设计案例教程》课件(共13章)第...

    JavaScript宝典(第7版)

    经典畅销书 JavaScript宝典(第7版) 将帮您实现这些夙愿,它在大量示例代码和可运行脚本的引导下,指导您快速掌握JavaScript基础知识,并制定出最符合预定网站目标的策略。通过认真研读本书,您将可以编写脚本来实现...

    [JavaScript权威指南(第6版)]

    《JavaScript权威指南(第6版)》主要讲述的内容涵盖JavaScript语言本身,以及Web浏览器所实现的JavaScript API。本书第6版涵盖了HTML5和ECMAScript 5,很多章节完全重写,增加了当今Web开发的最佳实践的内容,新增...

    JavaScript完全学习手册

    资源名称:Javascript完全学习手册内容简介:本书分4篇14章,介绍Javascript的知识,全书内容包括:Javascript语法基础、流程控制、函数、内置对象编程、文档对象模型DOM与事件驱动、处理XML、...

    JavaScript之Math对象(源代码)

    JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象...

    JavaScript基础语法(ppt)

    JavaScript基础语法(ppt)JavaScript基础语法(ppt)JavaScript基础语法(ppt)JavaScript基础语法(ppt)JavaScript基础语法(ppt)JavaScript基础语法(ppt)JavaScript基础语法(ppt)JavaScript基础语法(ppt)...

    JavaScript从入门到精通(第2版)( (美)Steve Suehring)中文pdf

    《JavaScript从入门到精通》分为三篇:第一篇为JavaScript语法基础,主要包括JavaScript简介、如何实现JavaScript、数据类型、变量和常量、运算符、语句和函数等内容;第二篇为JavaScript对象,主要包括对象、核心...

    JavaScript宝典(第7版)( (美)Danny Goodman) 高清中文扫描版.pdf

    《javascript宝典(第7版)》内容简介:您想创建更具魅力的交互网页吗?您想更好地控制浏览器呈现内容的方式吗?经典畅销书们avascript宝典(第7版)》将帮您实现这些夙愿,它在大量示例代码和可运行脚本的引导下,指导您...

    JavaScript函数(源代码)

    JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)...

    JavaScript基于微信小程序的音乐播放器源码.zip

    JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码JavaScript基于微信小程序的音乐播放器源码...

    JavaScript教程--从入门到精通

    JavaScript的出现,它可以使得信息和用户之间不仅只是一种显示和浏览的关系,而是实现了一种实时的、动态的、可交式的表达能力 . JavaScript脚本正是满足这种需求而产生的语言。它深受广泛用户的喜爱的欢迎。它是...

    Javascript 面向对象的JavaScript进阶

    Javascript 面向对象的JavaScript进阶 Javascript技术

    基于JavaScript实现的程序员表白爱心代码(2套)

    基于JavaScript实现的程序员表白爱心代码(2套) 基于JavaScript实现的程序员表白爱心代码(2套) 基于JavaScript实现的程序员表白爱心代码(2套) 基于JavaScript实现的程序员表白爱心代码(2套) 基于JavaScript实现的...

    javascript特效javascript特效javascript特效

    javascript特效javascript特效javascript特效javascript特效javascript特效javascript特效javascript特效javascript特效

    JavaScript语言参考手册

    本书是 JavaScript 语言的参考手册,包括核心语言中的对象和客户端、服务器端的扩展。JavaScript 是 Netscape 跨平台的基于对象的适合于客户和服务器的脚本语言。 你应该已经知道的东西 在哪里能找到 JavaScript ...

    JavaScript开发积分兑换小程序项目源代码.zip

    JavaScript开发积分兑换小程序项目源代码JavaScript开发积分兑换小程序项目源代码JavaScript开发积分兑换小程序项目源代码JavaScript开发积分兑换小程序项目源代码JavaScript开发积分兑换小程序项目源代码。...

    JavaScript权威指南(第6版).JavaScript:The.Definitive.Guide

    中文名: JavaScript权威指南 (第6版) 原名: JavaScript: The Definitive Guide: Activate Your Web Pages, 6th edition 作者: David Flanagan 版本: 英文文字版-pdf/EPUB + 完整书中源代码 出版社: O'Reilly 书号: ...

    JavaScript开发课程设计校园新闻微信小程序源代码.zip

    JavaScript开发课程设计校园新闻微信小程序源代码,JavaScript开发课程设计校园新闻微信小程序源代码JavaScript开发课程设计校园新闻微信小程序源代码JavaScript开发课程设计校园新闻微信小程序源代码JavaScript开发...

Global site tag (gtag.js) - Google Analytics