广告广告
  加入我的最爱 设为首页 风格修改
首页 首尾
 手机版   订阅   地图  繁体 
您是第 3624 个阅读者
 
发表文章 发表投票 回覆文章
  可列印版   加为IE收藏   收藏主题   上一主题 | 下一主题   
as4bbc12
数位造型
个人文章 个人相簿 个人日记 个人地图
路人甲
级别: 路人甲 该用户目前不上站
推文 x0 鲜花 x4
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片
推文 x0
[JScript][教学] 网页金手指
网页金手指

有网友问说能不能做出那种要按某些特定键后转到某网页去?这感觉有点像是金手指一样,输入正确了就有些秘密关卡出现。虽然不建议用JavaScript来做这种验证(因为不安全),不过应该也没也什么人闲到去看原始码吧!

要做这种功能其实很简单低,让我们先来看一下Body的部份吧~:



放了一个TextArea是为了教学显示资讯看的啦,到时候若要把语法放到网页中的话,可以不用这个。

接着才是重点,JavaScript:



JavaScript可以分成三个部份来看。

第一是设定的部份:用变数passwd来记录密码myHref则是用来储存欲转换的网页、key_array阵列是用来存放所输入的键、最下面一行的onKeypress是要让当在网页中按下按钮时,要触发那个函式用的。

第二是记录的部份:rec函式是用来把所按下的按钮记录在key_array阵列里面,并判断当key_array阵列长度若跟passwd相同时,便呼叫另一个验证的函式。如何取得使用者按下什么按钮呢?答案就是event.keyCode。不过所得到的会是数字喔,像A就是65、B就是66..但a是97喔。在范例中的TextArea就是要让各位看按下钮是什么数字用的。

第三是验证的部份:用check函式一一比对passwd跟key_array阵列中的字是否相同,若相等就转页到变数myHref所设定的网页去;若有一个字不相等,就清空key_array阵列中的值并跳离验证。其中我用了变数isTrue来储存验证的结果是否相同。

每一行Code都有写注解啦,所以应该都还看的懂吧!

各位可以试着执行一下范例,并看TextArea中的讯息。



passwd设为abcd,A是97..所以依序是98、99、100,若验证合格就显示true。



献花 x0 回到顶端 [楼 主] From:台湾中华电信 | Posted:2006-08-19 17:43 |

首页  发表文章 发表投票 回覆文章
Powered by PHPWind v1.3.6
Copyright © 2003-04 PHPWind
Processed in 0.132190 second(s),query:15 Gzip disabled
本站由 瀛睿律师事务所 担任常年法律顾问 | 免责声明 | 本网站已依台湾网站内容分级规定处理 | 连络我们 | 访客留言