简单javascript可以起到很大作用

       Ajax这种技术在做富客户端程序的时候,会产生令人称赞的效果。它的核心技术是javascript。随之近年来,出现了基于javac#的好多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>标签中的。但是这个标签的CSSdisplay的属性设置为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="不理想,继续学习打好基础" οnselect="fu()" />里面的values拿了出来。在页面里<p id=”result”></p>然后再用result.innerHTML=fu();就把这个值赋值给result这个对象了。

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

此例子代码下载

 
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值