逻辑代码与呈现代码分离原则

本文探讨了B/S软件开发中逻辑代码与呈现代码混杂的问题,传统的做法是将javascript函数直接写在HTML元素中,导致维护困难和用户安全风险。通过使用DOM编程,可以将javascript代码从HTML中分离,提高代码的可维护性和用户体验。文章介绍了如何通过设置元素ID和window.onload实现代码逻辑与页面呈现的分离,并强调了规范编码的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题的提出

B/S软件开发的过程中,软件开发人员使用的已经不仅仅是一门单纯的编程语言。除了会用C# 或者java(c++,vb,php...)等高级语言外,还需要使用html或者xml设定页面结构,使用javascript设定页面行为,使用css/XSTL进行页面布局。将来或许还会有更多的技术和实现方法(Flesh, silverlight, javaFX, Felx),林子大了什么问题都会出现。特别是页面的呈现和逻辑代码的处理如果不当,将会出现很多麻烦。

 

传统的做法

假设有这样一段html 页面代码

 

<HTML>

     <HEAD>

            <TITLE> alert inside html </TITLE>

            <script language="javascript">

                   function promptTest(string){

                          this.alert(string);

                   }

            </script>

     </HEAD>

     <BODY>

<input type="button" value="点击我"

οnclick="promptTest('hello,you have just clicked on me');"/> 

     </BODY>

</HTML>

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值