[转]百家拳java开源研究室---简单javascript可以起到很大作用

 

       Ajax这种技术在做富客户端程序的时候，会产生令人称赞的效果。它的核心技术是javascript。随之近年来，出现了基于java，c＃的好多ajax框架。但是有时候，不需要这些框架，简单的javascript也可以起到很大作用。因为本身javascript就是一个描述能力很强的脚本语言。

       笔者，最近为了给java学习者整理一些面试题，所以设计了一个页面,http://www.100jq.com/test/index.html这是主页。用javascript完成的。自我感觉良好。因为这个页可以基本满足答题者的需要。就拿第一页举例。http://www.100jq.com/test/mst1.html

当我们按下“查看答案”按钮时，会发现如下图所示

按下隐藏答案又回去了。

这两个按钮分别响应两个函数answer(id), function yincang(id).而整个答案，是放在xhtml的<code>标签中的。但是这个标签的CSS的display的属性设置为display:none就是不显示。当单击“查看答案”按钮时候，响应answer(id)函数。方法是document.all.c.style.display  ="block";就这一句话就可以把这块<code id=”c”>显示出来。当然在yincang(id)里面写上document.all.c.style.display="none";就可以了。

       下面的功能和这个不一样，如下图所示

这里用了innerHTML属性。本身下面的评语是没有的，在选中单选表单的时候首先用fu()函数将<input id="aa" name="fen" type="radio" value="不理想，继续学习打好基础" onselect="fu()" />里面的values拿了出来。在页面里<p id=”result”></p>然后再用result.innerHTML=fu();就把这个值赋值给result这个对象了。

       就这几句代码就把一般的页面功能全部显示出来了，而不需要使用一大堆框架。不过这个里面没有提交到服务端的数据，完全是静态的。还有就是在firefox浏览器下不起作用。

此例子代码下载