论坛链接:dv6/dispbbs.asp?boardID=68&ID=19305&page=1
网页制作简明教程(四)
1.5 网页制作新的元素
Java和javascript都是有效的网页设计工具,使用它们,网页开发人员能够在单独的框架中加载多个文档以及观察新文件的格式。它们之间有很多的联系,但双有着一定的差异,它们也以其自身的优势在网页设计中占在一席之地,它们为网页的制作提供了更大的空间,使设计得能够更加自如地表达出自己的设计思想。
1.5.1 Java语言简介
Java是一种典型的面向对象的语言,它与结构化程序设计语言不同,它的应用平台是独立的,即可以用于应用程序的开发,又可以为Web页面开发添加Applet小程序或其他应用程序。它的语法规则在这就不再详细论述。
1.5.2 javascript语言简介
javascript是由Netscapt与SUN公司合作开发的产品。javascript是一种跨平台的开放式脚本描述语言,它是Java和Livescript的衍生物,它生成的应用程序能够将客户和服务器上的对象和资源联系在一起,通过Internet动态的表示信息并与用户进行交互。javascript是用来改变网页外观的编辑命令和指令,它对网页设计有着重要的帮助。编写JAVASCIPT并不是在编程,所写的脚本并不象真正的程序一样须经过编译,也不能单独运行,它只是创建一种指令告诉浏览器该做什么,网页开发者可以把它放在HTML文档的任意一个地方,当支持JAVASCIPT的浏览器读到这些指令是即按要求完成这些动作。它可用来完成从动画制作到数据库连接等所有事件。在使用时,用户不需要开发工具包,只须知道如何编写脚本,并要求有一个与支持javascript的浏览器,例如:IE3.0以上,Navigtor,Opera等。
在HTML文档中插入javascript的作用:能让执行一些特殊的事件过程。这些事件过程,有的比较简单,如:保存文档的最后修改日期、打开新窗口显示特殊信息。有的事件过程比较复杂,如:内置WEB数据库,完成复杂的财务计算等。
1.5.2.1 javascript语言实例
通过了解下面的一些例子,你可以很容易地建立你自己的独特的javascript程序applet。它能自动根据你的设定生成HTML源代码,这样你就可以很方便地插入到HTML文档中了。另外,您可以自行更改其中的文字内容,但其中的源代码可不能更改,否则会造成javascript不能正常运行。下面列举常用的javascript实例。
例(一)、在页面加入当前时间。
请在< BOBY >和< /BOBY >之间加入以下代码。
< script language="javascript" >
tdy=new Date();
document.write("当前时间",tdy.getHours());
document.write(":",tdy.getMinutes());
document.write(":",tdy.getSeconds());
< /script >
例(一)实际效果见右 当前时间22:35:12 当前时间23:4:8 当前时间7:10:49 当前时间21:40:58 当前时间0:4:7
例(二)、在网页中加入最后更新日期。
请在< BOBY >和< /BOBY >之间加入以下代码。
< script language="javascript" >
document.write("本页最后更新日期:");
document.write(document.lastModified)
< /script >
例(二)实际效果见右 本页最后更新日期:03/10/2005 22:35:12 本页最后更新日期:01/23/2005 23:04:08 本页最后更新日期:09/11/2003 18:12:23 本页最后更新日期:07/25/2003 22:53:08 本页最后更新日期:09/23/2000 00:51:41
例(三)、让此网页添加入收藏夹。
请在< BOBY >和< /BOBY >之间加入以下代码,下面有两个实例,其实现的效果是相同的。您只要将"http://01jwb.9ww.net"换成你的网页,将"01计网班"换成您的网站名称即可。
(1)
< a href="javascript:window.external.AddFavorite('http://01jwb.9ww.net', '01计网班')" >将本页加入收藏夹
(2)
< script language="javascript" >
function bookmarkit(){window.external.addFavorite('http://01jwb.9ww.net','01计网班')}
if (document.all)document.write('< a href="#" onClick="bookmarkit()" >将本页加入收藏夹< /a >')
< /script >
例(三)实际效果见右
(1)将本页加入收藏夹
(2) 将本页加入收藏夹 将本页加入收藏夹 将本页加入收藏夹 将本页加入收藏夹 将本页加入收藏夹
例(四)、在窗口的状态提示窗显示移动信息。
(1)首先在< BODY >之前加入以下代码,您只要将"这是一个状态行滚动显示的JAVASCIPT程序!"换成你所需要的文字即可。
< script language="javascript" >
var msg="这是一个状态行滚动显示的JAVASCIPT程序!";
var i=1
function scroll()
{
mess=msg.substring(i,msg.length)+" "+msg.substring(0,i)
window.status=mess
i++;
if (i >=msg.length) i=1;
setTimeout("scroll()",200);
}
< /script >
(2)然后将< BODY >标签,替换成以下内容。
< body onload="scroll()" >
通过以上两步即可完成。实例如下图:
1.5.3 利用网上的免费Java和javascript资源
以下网站有更多的Java及javascript实例。一般只要将它们粘贴到网页中的相应位置即可。你可不能太贪哟,因为Java和javascript特效,可是网页浏览速度的首要元凶。
网站名称
简介
Itc
提供免费Java和javascript程序。
The javascript Source
最好的源代码网页,直接在上面拷贝粘贴相应的代码到您的网页中即可,包括背景特效、活动按钮、计算器、时钟、日历、cookies、文件夹、表格、游戏、信息、领航标记、页的详细资料、密码保护、滚动条等。
Java Developer Page
提供许多免费特技,如流血、跳动火焰、飘动的红旗等。
Builder
javascript初学者天堂。
Developer.com
一个大型Java和javascript资源,提供许多免费特技,如流血、跳动火焰、飘动的红旗等。
The Pop Up Menu Java Applet
这是一个完全客户化的图形地图小程序,有子菜单和互动图形展示。
Webwerks
用所见即所得的方式定做您喜爱的Java脚本。包括FX、游戏、图形、文本、实用工具等。
javascript 4 U
为网络主持人提供的有用的网络资源,包括钟表、视窗、游戏、日期、格式、工具栏、背景变化、动画、菜单等。
Timothy's javascript Examples
提供100个免费的javascript程序。
javascript Town
精彩的javascript站点,有许多免费javascript程序和使用指南。
GAMELAN
大量Java和javascripts程序。
The javascript Planet
提供4,300个免费javascripts程序。
JAVA Goodies
提供活动按钮、计算器、时钟、日历、连接和E-mail、彩色脚本、警告框、游戏、国家等,每周增加5-10个样本。
Ice-Network
这是一个在网络上运行的日历,在任何支持Java的浏览器上都可以使用。使用这个日历,网站可组织安排在线事件、产品发布、新闻、约会、广告和在线日程。
Cut'N'Paste javascript Web Site
提供120个免费的javascript程序。
Earthweb's Jars
网络上顶尖Java站点,提供从Java新闻到为Java发展商提供的主题部分。有些Java小程序是免费的。目录包括商业、多媒体、网站、财经、科学、实用工具、编程和WWW工具。
24 Hour javascripts
13,000多个免费脚本的精彩资源站点,同时提供讨论组、新闻等。
J-G.COM
大量Java和javascripts程序。
javascript World
这里有许多资源:讨论组、档案、问题与解答和javascript帮助。
Sippin' Good Java
一个免费的Java和javascript站点,提供大量脚本和小程序,包括游戏、钟表、实用工具、文本、音频和视频,还有为JAVA和游戏发展商2,000多个脚本和动画。
JAVA Machine
Java制造机,以所见即所得的方式定做您喜爱的Java脚本。
javascript Tip Of The Week
提供300个免费的javascript程序。
Java天地
提供Java、javascript教程,还有Java Applet。