分享:
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。
|