java web 7 Javascript

        HTML和CSS已经可以制作出非常漂亮的界面了,但是这些界面缺少生命力,只是静态的,无法与用户做好很好的交流。

        下面将学习如何将网页实现各种很好的动态效果,给用户更好的视觉享受和沟通效果,那就不得不讲JavaScript了。如果把HTML比作是武术的桩功,那HTML只能说是静静地站着那种常规的桩功,而JavaScript却在常规桩功的基础上添加了难点,增加了重量,就像我们常见的头顶香炉、脚踩梅花等桩功。

        JavaScript

    javascript是由Netscape公司开发并随Navigator导航者一起发布的,介于Java与HTML之间的一种基于对象和事件驱动并具有安全性能的脚本语言。

    这样的解释是不是感觉就像没说一样,别说对于一个新手而言,就算是研究一两年的专业技术人员,对于什么时候基于对象,什么是事件驱动,这些概念我想也未必可以解释和理解的那么清楚。所以这些对于我们新手而言刚开始没有必要了解,我们只有知道javascript是一种能让网页更加生动活剥的程序设计语言,也是目前网页设计中最容易又最方便的语言。

    你可以利用javascript轻易地做出亲切的欢迎讯息、漂亮的数字种、有广告效果的跑马灯及简易的选举,还可以显示浏览器停留的时间等等效果,让这些特殊效果提高网页的可观性和交互性。下面简单地介绍javascript的语言特点。

    

    

    JavaScript语言特点

javaScript的出现,使得信息和用户之间不仅是一种显示和浏览的关系,而是实现了一种实时的、动态的、可交式的表达能力。从而基于CGI静态的HTML页面将被可提供动态实时信息,并对客户操作进行反应的WEB页面所取代。JavaScript脚本正式满足这种需求而产生的语言。它深受广泛用户的喜爱和欢迎。它是众多脚本语言中较为优秀的一种,通过嵌入在标准的HTML语言中实现功能,他的出现弥补了HTML语言的缺陷,是Java与HTML折衷的选择。概括起来,javasc语言的基本特点有6个

1)脚本编写语言。JavaScript是一种脚本语言,它采用小程序段的方式实现编程。像其他脚本语言一样,JavaScript同样也是一种解释性语言,它提供了一个简单的开发过程。

    它的基本结构与C十分类似。但它不像这些语言一样,需要预先编译,而是在程序运行过程中被逐行地解释,它与HTML标识结合在一起,从而方便用户的使用操作

2)基于对象的语言。JavaScript是一种基于对象的语言,同时也可以看做是面向对象的,这意味着它能运用自己已经创建的对象,因此,许多功能可以来自与脚本环境中对象的方法与脚本的相互作用

3)简单性

4)安全性

5)动态性

6)跨平台性



javaScript执行原理

1)客户端请求某个网页。即我们再上网时在地址栏中输入某个网址浏览器收到网址之后,向远程Web服务器提出请求。

 2)web服务器相应请求。Web服务器找到请求的页面,并将整个页面包含Javascript的脚本代码作为响应内容,发送返回客户端机器

3)客户端浏览器解释并执行带脚本的代码。客户端浏览器打开回应的网页文件内容,从上往下逐行读取并显示其中的HTML或者脚本代码,脚本是从服务器下载到客户端,然后再客户端进行的,即不占服务器端的资源。因此通过客户端脚本,客户端分担了服务器的任务,大大地减轻了服务器的压力,从而间接提升了服务器的性能

实际上JavaScript最杰出之处在于用很小的程序做大量的事。无须有高性能的电脑,软件仅需一个字处理软件及一个浏览器,无须web服务器通道,通过自己的电脑就能完成所有的事情

    

    综上所述,javasc是一种新的描述语言,它可以被嵌入到HTML的文件之中。javascript语言可以做到回应使用者的需要时间,而不用任何网路来回传输资料,所以当一位使用者输入一项资料时,它不用经过传给服务器端处理,再传回来的过程,而直接可以被客户端的应用程序所处理



java与javascript的区别

    其实java和javascript语言虽然有很多联系,但是到底并不是一种语言,其目的和原理都不一样,java是一种比javascript更复杂许多的程序设计语言,而javascript则是相当容易了解的脚本语言。Javascript创作者可以不那么注重程序技巧,所以许多java的特性在javascript中并不支持,主要异同如下:

    1)创造公司和开发目的

    2)基于对象和面对对象

    3)解释和编译

    4)强变量和弱变量

    5)代码格式不一样

    6)嵌入方式不一样

    7)静态联编和动态联编


JavaScript程序控制结构

    javascript脚本语言包括:控制语句、函数、对象、方法和属性等。从上面的实例可以看到,在代码中只使用了一个alert()函数就实现提示警告的窗口功能。其实javaScript还有很多功能函数,下面我们就详细地介绍一下Javascript的程序的组织构造

1.判断语句的使用

 1)if条件语句 2)if嵌套语句 3)switch


2.循环语句的使用

 for while


3.break和contiune语句


javascript函数

    函数就是一个功能集合,它为程序设计人员提供了一个非常方便地能力。通常在进行一个复杂的程序设计时,总是根据所要完成的功能,将程序划分成多个相对独立的模块,每个模块编写成一个函数。从而,使各部分充分独立,任务单一,程序清晰,易懂、易读、易维护,这也是我们软件设计所追求的“高内聚,低耦合”。javascript函数可以封装那些在程序中可能要多次用到的模块,做到代码复用。并可作为时间驱动的结果而调用的程序,从而实现一个函数把它与时间驱动相关联。


常用的javascript函数

1)常规函数

2)数组函数

3)日期函数

4)数学函数

5)字符串函数



javascript事件驱动与事件处理

    在前面介绍过了,javascript是基于对象的语言,这与java面对对象的语言不通。java是面向对象的语言,而基于对象的基本特征,就是采用事件驱动。它是在图形界面的环境下,使得一切输入变得简单化。通常鼠标、热键或者触摸的动作我们就称之为事件,而由鼠标、热键或者触摸引发的一切的动作,称之为事件。而对事件进行处理的程序或者函数,我们称之为事件处理程序。

1)事件驱动

    javascript事件驱动中的事件是通过鼠标、热键或者触摸动作引发的。它主要有以下几个事件

(1)单机事件onclick。当用户单机鼠标按钮时,产生onclick时间。同时,onclick指定的时间处理程序或代码被调用执行。单击时间通常在下列基本对象中产生。

    button

    checkbox(复选框)

    radio(单选钮)

    rest button(重置按钮)

    submit button(提交按钮)

    

2)事件处理程序

    在javascript中对象事件的处理通常由函数(Function)担任。其基本格式与函数全部一样,可将前面所介绍的所有函数作为事件处理程序



如何将javascript加入网页    

    在第一个javascript程序那一小节,我们已经见到了javascript引入网页的一种方式,这种方式我们称为内部引入方式,这种方式只对当前界面有效,在其他界面不可以调用。还有一种引入网页的方式我们称之为外部导入。这种方式将javascript做成单独文档放在特定的目录下的js文件夹下。好处是一次编写,就可以使用其中的方法或者函数等。

    1)内部嵌入

            这种方式,是javascript的脚本包括在HTML中,称为HTML文档的一部分。与HTML标识相结合,构成了一个功能强大的Internet网上编程余元。可以直接将javascript脚本加入文档

            通过标识<script></script>指明javascript脚本源代码将放入其间,通过属性language=“javascript”说明标识中是使用何种语言,这里是javascript语言,表示javascript中使用的语言。下面是将javascript脚本加入网页



Document.write()是文档对象的输出函数,其功能是将括号中的字符或者变量值输出到窗口;document.close()是将输出关闭。可将<script>标识放入head与body之间,使之在主页和其余部分代码之前装载,从而可使代码的功能更强大;

    2)外部引入

        这种方式首先创建一个*js文件,把要实现的javascript语句保存到该文件,并存储在特定的js文件夹中(当有多个js文件时使用该文件夹管理所有的.js文件,如果只有一个文件的话,可以把该文件和调用该文件的网页放在同一目录下即可),这样使用相同效果或者相同功能的页面就可以使用同一个.js文件,不仅便于代码的服用,减少了与网页的耦合,还使代码显得简单,可读性增强。

    例如:在网页js_out.html中调用js_out.js文件,并显示提示



javascript对象使用

    所谓对象就是真实世界中的实体,对象与实体是一一对应的,也就是说现实世界中每一个实体都是一个对象,它是一种具体的概念。javascript语言是基于对象的,而不是面对对象的。之所以说它是一门基于对象的语言,主要是因为它没有提供抽象、冀衡、重载等有关面向对象语言的许多功能。而是把其他语言所创建的复杂对象统一起来,从而形成一个非常强大的对象系统。下面我们就来介绍一下javascript的对象系统

    1)javascript中的对象

        javascript中的对象是由属性和方法两个基本的元素构成的。前者是对象在实施其所需要行为的过程中,实现信息的装载单位,从而与变量相关联;后者是指对象能够按照设计者的意图被执行,从而与特定的函数相关联。

    (1)javascript对象的定义

猜你喜欢

转载自blog.csdn.net/qq_36344771/article/details/80772194