浏览 3655 次
锁定老帖子 主题:浏览器端的MVC模式
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2007-08-09
对浏览器端代码,有3个部分,html,js,css。 html- model css - view js - controller 如: 对于一个日期控件 html中定义 <input type="text" class="date"/> 在css定义此date的样式 在js中的onDomReady中对所有定义为date的textinput,增加onclick的事件,达到弹出日期选择面板的效果。 按照这种方式开发,可以形成一套可重用性非常高的js/css库,并且大大的简化了页面的开发。 对于导航栏。 在html中定义 <div class="tree"> <a>group a</a> <ul> <li><a>a1</a></li> <li><a>a2</a></li> <li><a>a3</a></li> </ul> <a>group b</a> <ul> <li><a>b1</a></li> <li><a>b2</a></li> <li><a>b3</a></li> </ul> <a>group c</a> <ul> <li><a>c1</a></li> <li><a>c2</a></li> <li><a>c3</a></li> </ul> </div> 在css中定义其风格,在js中的onDomReady中,动态为tree中最上层的<a>增加onclick事件,达到展开/收起子节点的功能,可以做成树状或panel状。这样可以使树,菜单这些功能不再需要重复编码。 对于这样一种编码的方式,确定html的结构,是非常重要的。对于上面导航栏的html,只定义了两层结构。如果要做成树的话,经常会出现3层甚至更多层。现在我迟迟没有确定一种确定的html结构,可以达到最简化的html,可以表达出一棵树的。 <node value="group a"> <node value="a1"/> <node value="a2"/> <node value="sub node"> <node value="sub1"/> <node value="sub2"/> <node value="sub sub"> <node value="subsub1"/> <node value="subsub2"/> </node> </node> </node> 如果可以这样,那该多好,可是这样不行,就算行也没有了链接的功能。哎,xml本身就是树状的结构,结果想表达一棵树还挺麻烦,谁可以提供一个html表达的最简单的树的格式? 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
发表时间:2007-08-09
用xml和xpath...?
|
|
返回顶楼 | |
发表时间:2007-08-09
javasciprt 对dom通过class进行寻找,是挺麻烦的,不知道有什么好的lib可以实现?
|
|
返回顶楼 | |
发表时间:2007-08-09
那就xpath吧,不过只能对XML进行查找, 你所要的lib可能就是这个,不过要结合js
|
|
返回顶楼 | |
发表时间:2007-08-09
xhtml的过渡版和严格板就是要求我们这样做的
w3c的web标准把表现层抽象为:结构(xhtml) 表现(css0) 行为(js),目的是让表现层的开发更加规范 只可惜很多人都没有重视这些东东,都头来导致了表现层的维护成本太高 |
|
返回顶楼 | |
发表时间:2007-08-10
jasongreen 写道 javasciprt 对dom通过class进行寻找,是挺麻烦的,不知道有什么好的lib可以实现?
jquery |
|
返回顶楼 | |
发表时间:2007-08-13
i_love_sc 写道 jasongreen 写道 javasciprt 对dom通过class进行寻找,是挺麻烦的,不知道有什么好的lib可以实现?
jquery thank you very much!! 发现jquery真是好东西。 |
|
返回顶楼 | |