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)