腾讯面试题之页面提交过程

首先给一个地址

http://pay.qq.com/include/login_box.html?url=http://pay.qq.com/

有工具 比如 firefox 、 google chrome 等网页代码查看工具。

要求用一段 js 实现下列功能，
已知 用户名 和 明文密码，实现 提交的过程，如果中间出现校验码，捕获校验码的图片。

时长120分钟。

结果面试失败。

大概的扒了一下页面，登录过程如下：

输入QQ号或者是QQ绑定的邮箱，当输入框失去焦点后，会进行验证以确定是否需要验证码（验证码的形式分两种，一种是生成一个图片，需要用户输入指定的字符，一种是程序返回时自带验证码，不用用户输入；有一种情况是不会触发请求的：清空输入框后，重新输入相同的字符串）

输入密码

如果需要，输入验证码

提交表单（这一过程中会将密码和验证码合并加密）

整个过程中的请求都是用<script>来完成的

验证图片的获取：

在 整个登录过程中，没有发现一全局的状态变量可以用来判断是否生成了验证图片，但是程序中会有这样一个过程：当帐号输入框失去焦点后，如果本次输入的帐号与 上次的不同，则会发送一个验证码请求，图片路径生成以后会使验证码输入框可见，并使密码输入框获取到焦点。所以可以从这里想办法获取到当前有的并且正确的 图片路径。

以下是提交代码，没有写在生成了验证图片时获取并输入验证码的过程(只是猜测不会让你可以通过分析代码获取到的,如果有人分析出来了，那就爽了!!!):

JScript code

function loginIt(u, p) { var ubox = document.getElementById('u'); var pbox = document.getElementById('p'); var img = document.getElementById('imgVerify'); var vf = document.getElementById("verifyinput"); var s = ""; ubox.focus(); ubox.value = u; if(g_uin == u){ up(); } else { addEvent(pbox, 'focus', up); ubox.blur(); } function addEvent(o, t, f) { if(o.att) { o.attachEvent('on' + t, f); } else if(o.addEventListener) { o.addEventListener(t, f, false); } } function up() { if(img.src && vf.style.display == '') { s = img.src; alert(s); } pbox.value = p; document.getElementById('loginform').submit(); } }

转载于:https://www.geek-share.com/detail/2527377380.html

• 点赞
• 收藏
• 分享
• 文章举报