- UID
- 30376
- 帖子
- 527
- 精华
- 1
- 积分
- 6520
- 来自
- 湖南湘潭
|
很多人不太愿意搭理 javascript,它不就是个前端脚本工具吗,做大型网站有的是后台脚本语言,况且,从美工的角度来考虑,有了html 和 css 网页就可以做得很炫很酷,只是在设计页面交互功能和简单动画时用到 javascript 而已。
其实,简单的说,html+css+javascript 可以做两个方面的事情,一是做网页,二是做软件。做网页不是这个帖子讨论的内容,我们要讨论的是如何使用 javascript 开发软件,太多的人没朝这方面去想,尽管现在 javascript 像个疯子一样在网络世界横行霸道,但也只是个敲边鼓,跑龙套的角色。
就软件开发而言:第一,网络世界涌现出越来越多的在线软件,像雨后春笋。第二,这个帖子的开篇有提示过,“把文件的扩展名 .htm 改为 .hta 然后双击该文件,好了,我们竟然开发出了一个软件!”,之所以这样说,首先这是事实,其次,这可以成为我们学习 javascript 的动力,为我们学习 javascript 找到一个足以自豪的理由!
如果有学习过可视化编程,如:vb,vc,c#,我们会发现:在工程项目的代码文件夹中,主要的有两类文件,一是算法代码,二是窗体代码,算法代码就是一般意义上的数据处理的程序代码,这一点,帖子在后面的复变分形中会涉及一些,真要讨论算法的话,得另外开个专题。为扣主题,本贴只讨论第二个方面的问题,窗体代码,也就是软件的界面代码,为方便见,以后我们把软件的界面就称之为窗体,也就是 html 的 body 元素。
窗体代码主要作三件事:
1.在窗体(body)中放置程序需要的对象(元素)。
2.给各对象添加事件。
3.编写事件的响应代码。
这就是可视化编程要做的事情,我们就按照这种结构来编写我们的 javascript 代码。大家从前一个文件 htm0100.htm 中可以看得出来,窗体中只放置了五六个对象,其代码就显得有些拥挤不堪。事实上,它不像软件代码,只是个网页代码而已,并且会给后面的编程带来难以想象的麻烦。
为此,我们编写一个名为 formSetup 的窗体函数,里面再嵌套 initComponents 放置对象,addEvent 添加事件和相应事件响应等函数,如是,我们的代码看起来像这个样子:
<script>
function drawing()
{
}
function formSetup()
{
var dataVerify=function(){}
var addEvent=function(){}
var initComponents=function(){}
}
</script>
<body></body>
没有新的内容,只是调整了一下结构。到现在,我们这才真的有点编程、做软件的意思了!
htm0101.rar (1.91 KB)
|
|