趙紫嫣:网页编程入门(四)

来源:百度文库 编辑:中财网 时间:2024/03/29 07:59:45
作者:吴刘平    文章来源:本站原创    点击数:1042    更新时间:2006-6-19    
大家好,欢迎如期来学习网页编程学习!
上次课学习了标签代码的“属性”,这一节我们来学习一下“操作”(也称方法)。
“属性”和“操作”是面向对象编程首先要理解好的概念(不理解的话,恐怕再学下去你会糊里糊涂的哟……),属性是从状态方面来描述对象的特征,通俗点来说就是说明对象是个什么样的,而操作则是从动作方面来描述对象的特征,从对象外部来看,就是说明对象可以做什么的。
还是结合实例来说一下吧。
例如:我们可以把人当成一个对象,身高、体重说明人这个对象是什么样的,而吃饭、睡觉说明的是人这个对象可以做什么,……这样一比,大家应该就明白了。
操作依靠函数(注意,这里的函数可不是数学上的函数,现在大家可以认为它是一段代码的集合这样来理解)来实现,所以学习“操作”,实际上就转化成了学习“函数”了。
下面给出一个代码事例来解说一下:

 




New Page 1






 
大家可以把以上的代码复制到FrontPage的html代码中,然后预览中看一下,是不是有一个按钮(按钮上显示有"点击我"),然后点一下按钮,这时会弹出一个对话框,显示“轻点,不然会把我点疼的!”的提示。
在这个页面中,只有"点击我"这个按钮对象,这个对象它有一个操作,这个操作就是如果我们用鼠标点击它,它就会作出反应——向我们显示一个弹出对话框提示信息。
这个对象的操作实现上是依靠函数“showmessage()"函数来实现,所以我们重点要学习一下函数的有关知识。
下面来分析一下代码:
首先看一下标签,其中的onclick="showmessage()"是对按钮对象的操作定义,它表示当按钮被点击时,按钮要完成一个操作,这个操作由showmessage()函数来完成。注意,onclick不能乱写,它表示事件名称,所谓事件是指用户或其它外界环境向对象实施的动作,这里的onclick指鼠标点击这一事件,另外还有鼠标移动、鼠标拖动、左键按下或释放、右键按下或释放……大家可以查阅其他相关资料进一步了解。
函数代码

可以看到,函数代码被包含到了中,大家可以先不管这个代码中编写完成操作任务的函数。与“属性”相比,“操作”相对要复杂一些,而且我们对网页的编程,更多程度上是编写函数,在函数中实现对网页的控制。
好了,我已经教大家学习了html代码的基础知识了,现在只能说已经把大家带到了编程的大门口了,并且通过例子让大家初步感受到了使用编程,我们可以更加自由地控制我们的网页。下次课我们将开始在中编写程序代码,那才是我们真正的编程……
 
最后,还是给出一些代码,大家课后可以去练习,插入到例子中的函数代码,在预览中点击“点击我”按钮,观看一下不同的代码都有什么功能。





New Page 1







注意,以上代码必须书写正确(错一个标点符号或大小写互换都不行)
 
待续!