论文无忧网提供:计算机毕业论文范文|计算机毕业设计|计算机毕业论文
栏目导航 ASP Java Web .NET VB6.0 JAVA VC VF DELPHI PB 计算机网络 计算机科学与技术 PHP 安卓APP 其他 C# 代写论文
当前位置: > 计算机 > 计算机科学与技术 >

javascript及其在网页制作中的简单应用

引言

Internet时代,造就了我们新的工作和生活方式,其互联性、开放性和共享信息的模式,打破了传统信息传播方式的重重壁垒,为我们带来了新的机遇。随着计算机和信息时代的到来,人类社会前进的脚步在逐渐加快,每一天都有新的事情发生,每一天都在创造着奇迹。随着Internet技术的突飞猛进,各行各业都加入到了Internet的行业中来。无论从管理方面,还是从商业角度来看,Internet都可以带来无限生机。通过Internet,可以实现地区、集体乃至个人的连接,从而达到一种“统一的和谐”。那么怎样把自己的或公司的信息资源加入到 WWW 服务器,是广大用户日益关心的问题。采用超链技术(超文本和超媒体技术)是实现这个目标最简单的、最快速的手段和途径。具体实现这种手段的支持环境,那就是HTML超文本标识语言。通过它们可制作所需的Web网页。 内容来自论文无忧网 www.paper51.com

通过超文本(Hyper Text)和超媒体(HyperMedia)技术结合超链接(Hyper link)的链接功能将各种信息组织成网络结构(web),构成网络文档(Document),实现Internet上的“漫游”。通过HTML符号的描述就可以实现文字、表格、声音、图像、动画等多媒体信息的检索。

内容来自论文无忧网 www.paper51.com

然而采用这种超链技术存在有一定的缺陷,那就是它只能提供一种静态的信息资源,缺少动态的客户端与服务器端的交互。虽然可通过CGI (Common Gateway Interface)通用网关接口实现一定的交互,但由于该方法编程较为复杂,因而在一段时间防碍了Internet技术的发展。而JavaScript的出现,无凝为Internet网上用户带来了一线生机。可以这样说,JavaScript的出现是时代的需求,是当今的信息时代造就了JavaScript。 http://www.paper51.com

JavaScript的出现,它可以使得信息和用户之间不仅只是一种显示和浏览的关系,而是实现了一种实时的、动态的、可交互的表达能力。从而基于CGI静态的HTML页面将被可提供动态实时信息,并对客户操作进行反应的Web页面的取代。JavaScript脚本正是满足这种需求而产生的语言。它深受广泛用户的喜爱的欢迎。它是众多脚本语言中较为优秀的一种,它与WWW的结合有效地实现了网络计算和网络计算机的蓝图。无凝Java家族将占领Internet网络的主导地位。因此,尽快掌握JavaScript脚本语言编程方法是我国广大编程人员日益关心的问题。 copyright paper51.com

一.什么是javascript脚本及它的优点 内容来自www.paper51.com

   JavaScript语言的前身叫作Livescript。自从Sun公司推出著名的Java语言之后,Netscape公司引进了Sun公司有关Java的程序概念,将自己原有的Livescript 重新进行设计,并改名为JavaScript。 copyright paper51.com

JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言,有了JavaScript,可使网页变得生动美观。使用它的目的是与HTML超文本标识语言、Java 脚本语言一起实现在一个网页中链接多个对象,与网络用户交互作用,从而可以开发客户端的应用程序。它是通过嵌入或调入在标准的HTML语言中实现的。 内容来自www.paper51.com

JavaScript具有很多优点:

http://www.paper51.com

   1.简单性  JavaScript是一种脚本编写语言,它采用小程序段的方式实现编程,像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个简易的开发过程。它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样,需要先编译,而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起,从而方便用户的使用操作。 paper51.com

2.动态性 JavaScript是动态的,它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页中执行了某种操作所产生的动作,就称为“事件”。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。 内容来自www.paper51.com

3.跨平台性  JavaScript是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可以正确执行。 paper51.com

4.节省CGI的交互时间  随着WWW的迅速发展有许WWW服务器提供的服务要与浏览者进行交流,确定浏览的身份、需服务的内容等等,这项工作通常由CGI/PERL编写相应的接口程序与用户进行交互来完成。很显然,通过网络与用户的交互过程一方面增大了网络的通信量,另一方面影响了服务器的服务性能。服务器为一个用户运行一个CGI时,需要一个进程为它服务,它要占用服务器的资源(如CPU服务、内存耗费等),如果用户填表出现错误,交互服务占用的时间就会相应增加。被访问的热点主机与用户交互越多,服务器的性能影响就越大. paper51.com

JavaScript是一种基于客户端浏览器的语言,用户在浏览中填表、验证的交互过程只是通过浏览器对调入HTML文档中的JavaScript源代码进行解释执行来完成的,即使是必须调用CGI的部分,浏览器只将用户输入验证后的信息提交给远程的服务器,大大减少了服务器的开销。[3]

内容来自论文无忧网 www.paper51.com

二.Javascript与Java的区别

http://www.paper51.com

很多人看到 Java 和 JavaScript 都有“Java”这个词,就以为它们是同一样东西,连我自己当初也是这样认为的。其实它们是完全不同的两种东西。Java全称应该是 JavaApplet,是嵌在网页中,而又有自己独立的运行窗口的小程序。Java Applet 是预先编译好的,一个 Applet 文件(.class)用 记事本打开阅读。Java Applet 的功能很强大,可以访问 http、ftp等协议。相比之下,JavaScript 的能力就比较小了。JavaScript 是一种“脚本”(“Script”),它直接把代码写到 HTML 文档中,浏览器读取它们的时候才进行编译、执行,所以能查看 HTML 源文件就能查看JavaScript 源代码。JavaScript 没有独立的运行窗口,浏览器当前窗口就是它的运行窗口。 copyright paper51.com

二者的区别具体体现在:

paper51.com

 首先,它们是两个公司开发的不同的两个产品,Java是SUN公司推出的新一代面向对象的程序设计语言,特别适合于Internet应用程序开发;而JavaScript是Netscape公司的产品,其目的是为了扩展Netscape Navigator功能而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。 内容来自论文无忧网 www.paper51.com

其次,JavaScript是基于对象的而Java是面向对象的,即Java是一种真正的面向对象的语言,即使是开发简单的程序必须设计对象。JavaScript是种脚本语言,它可以用来制作与网络无关的与用户交互作用的复杂软件。它是一种基于对象和事件驱动的编程语言。因为它本身提供了非常丰富的内部对象供设计人员使用。

内容来自www.paper51.com

第三,两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前,必须经过编译,因而客户端上必须具有相应平台上的仿真器或解释器,它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。JavaScript是一种解释性编程语言,其源代码在发往客户端执行之前不需经过编译,而是将文本格式的字符代码发送给客户,由浏览器解释执行。

copyright paper51.com

第四,两种语言所采取的变量是不一样的。Java采用强类型变量检查,即所有变量在编译之前必须作声明。JavaScript中变量声明,采用其弱类型。即变量在使用前不需作声明,而是解释器在运行时检查其数据类型。

copyright paper51.com

 第五,代码格式不一样。Java是一种与HTML无关的格式,必须通过像HTML中引用外媒体那么进行装载,其代码以字节代码的形式保存在独立的文档中。JavaScript的代码是一种文本字符格式,可以直接嵌入HTML文档中,并且可动态装载。编写HTML文档就像编辑文本文件一样方便。

内容来自论文无忧网 www.paper51.com

 第六,嵌入方式不一样。在HTML文档中,两种编程语言的标识不同,JavaScript使用 <script>...</script> 来标识,而Java使用<applet> ... </applet>来标识。[2] 内容来自www.paper51.com

三.Javascript在网页中的使用有两种方法 paper51.com

3.1直接在HTML中加入Javascript的源代码 http://www.paper51.com

在head或 body两个标记符中间加上如下格式的script脚本代码。我们可以在网页上多个位置使用script标记符,但是为了程序易读和易维护,编程人员大多把script标记的脚本代码放在<head></hede>间。不过有时为了在网页的某个特定的位置显示特殊的效果,脚本代码也会被写在<body></body>间。 paper51.com

Script的格式为:<html>

内容来自www.paper51.com

              <head> 内容来自论文无忧网 www.paper51.com

              <script language=”javascript” type=”text/javascript”

http://www.paper51.com

               代码...... 内容来自论文无忧网 www.paper51.com

              </script>

内容来自论文无忧网 www.paper51.com

              </head>

http://www.paper51.com

               <body>

内容来自www.paper51.com

               </body> http://www.paper51.com

               </html> copyright paper51.com

3.2使用URL链接javascript的源程序文件 内容来自论文无忧网 www.paper51.com

稍微懂一点网页制作的人都知道,在网页中可以查看到该页和源代码。由此可知使用3.1方式的源脚本代码就不保密了。为了使自己的脚本代码能更好的隐藏,我们可以单独新建一个javascript页面,写好代码后保存为“文件名.js”的格式。如果以后用到该段脚本我们只要引用该文件就可以了。

paper51.com

其格式为: <html>

内容来自www.paper51.com

          <head>

copyright paper51.com

          <script type=”text/javascript” language=”javascript” src=”../ 文件名.js”> copyright paper51.com

          </script> paper51.com

          </head>

内容来自论文无忧网 www.paper51.com

          <body. 内容来自www.paper51.com

          </html>

http://www.paper51.com

------分隔线----------------------------
联系方式