JavaScript学习从入门到精通

www.7dspace.com  更新日期：2005-8-16 3:13:06  七度空间

第二天 进一步了解JS
-----------------------------

　　昨天我们通过文字说明了什么是JS，也许你还没有建立具体的印象，今天我们就举一些例子来说明好了.如果你在这之前已经对JS有应用了，今天的课程大可忽略.

　　首先我们实现向用户发送一条用消息框显示的信息，即在打开网页的时候弹出一个消息框:
＜script language="javascript" type="text/javascript"＞
＜!--
alert("H.S Workshop")
//--＞
＜/script＞
　　这里只需要对一个alert()，就可以实现效果了.把这段代码复制到＜head＞＜/head＞中，当你打开网页面的时候就会弹出一个包含字符"H.S Workshop"的消息框，一般我们可以用这个效果来做欢迎信息，或者页面警告信息.

　　接下来我们再看另一个例子，我们想显示出这一页最后的修改时间，精确到分秒，我想如果你用手输入的，早晚会因为没有信心而放弃修改，现在我们就用JS来帮我们实现吧:
＜script language="javascript" type="text/javascript"＞
＜!--
document.write("最后修改时间"+document.lastModified)
//--＞
＜/script＞
　　这里我们就涉及到一个对象的问题，现在我也不详细的解释这个问题了，因为这是以后的重点.我们在这里主要看看怎么控制它的位置,把上面的语句放在＜head＞＜/head＞中，将会在浏览页面的最上端显示:"最后修改时间05/09/2003 10:49:24"，而我们想要改变这句话的位置，那就应该把JS语句放在＜body＞＜/body＞中.

　　现在我们来看看关于JS的函数应用,关于函数的意义，我会在明天详细的说明，这里我只是用这个例子来说明JS在什么时候显示效果进行控制.首先我们来看一个完成的例子：

＜script language="javascript" type="text/javascript"＞
if(confirm("想知道现在的时间吗?")){
display_time()
}
function display_time(){
var now = new Date()
var hours = now.getHours()
var minutes = now.getMinutes()
var seconds = now.getSeconds()
var current_time = hours + ":" + minutes + ":" + seconds
alert("现在的时间是" + ":" + current_time)
}
＜/script＞

　　在这个例子中，JS通过confirm()来提出问题，IF()来判断是不是调用display_time().如果我们把第一句话删除,(我们要注意一个问题,我们把一个函数的分段显示视为一个语句),浏览器将会没有任何效果发生，因为这个函数没有被调用的提示.

最后我在举个例子.
＜html＞
＜head＞
＜title＞H.S Workshop＜/title＞
＜script language="javascript" type="text/javascript"＞
function say_goodbye(){
alert("H.S Workshop http://hsworkshop.51.net")
}
＜/script＞
＜/head＞
＜body onUnload="say_goodbye()"＞
关闭窗口的时候就可以看到效果了
＜/body＞
＜/html＞

　　当你关闭窗口的时候就会弹出一个对话框,显示H.S Workshop http://hsworkshop.51.net. 我们把这种情况称为事件触发。

　　因为这篇教程是针对没有编程经验或初级编程经验的人来说的，所以我希望同过上面的解释给大家树立一个编程理念，在建立了理念之后你的学习才会事半功倍，这不尽尽是真对JS，甚至C+，JAVA等等。就我自己而言,一直是把编程当成一个写文章的过程，只是文章是给计算机看的，而不同的编程语言就好象一个国家里也有不少的方言,对哪个地方的人就说哪个地方的话。编程也就是这么一会事，呵呵~
好了最后我想对昨天的内容进行一点补充，昨天我们说到一条语句占一行,事实上我们如果用";"来把语句分隔开的话，一行可以显示多条语句，不过我不支持这样做，相信理由你也知道了吧~

作者：24CG  来源：eNet网络学院 ( 责任编辑:7dspace )

【收藏此页】【打印】【关闭】