Response验证码案例的点击切换以及ServletContext概述

Response验证码案例的点击切换

分析:

　　点击超链接或者图片需要换一张

　　1、给超链接和图片绑定单击事件

　　2、重新设置图片的src属性值

register.html：

 

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.onload = function () {
            //获取图片对象
            var img = document.getElementById("checkCode");
            //绑定单击事件
            img.onclick = function () {
                //加时间戳
                var date = new Date().getTime();
                img.src = "/checkCodeServlet?"+date;
            }
        }
    </script>
</head>
<body>
    <img id="checkCode" src="/checkCodeServlet"/>
    <a id="change" href="">看不清换一张?</a>
</body>
</html>
复制代码

 

 

 

 

 

 

 

 

ServletContext概述

概念：代表整个web应用，可以和程序的容器（服务器）来通信

功能：

　　1、获取MIME类型

　　2、域对象：共享数据

　　3、获取文件的真实(服务器)路径

 

posted @   xjw12345  阅读(41)  评论(0)  编辑  收藏  举报
相关博文：
· Response验证码案例的分析和代码实现
· session的特点以及验证码案例的需求和分析
· Response_验证码_点击切换以及ServletContext_概述
· Response案例验证码-代码实现、点击切换
· Response验证码和验证码点击切换
阅读排行：
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示