首页 > 其他分享 >Response_验证码_点击切换以及ServletContext_概述

Response_验证码_点击切换以及ServletContext_概述

时间:2022-12-08 19:13:19浏览次数:36  
标签:src img 验证码 点击 ServletContext Response 图片

Response_验证码_点击切换

分析:

点击链接或者图片,需要换一张
1.给超链接和图片绑定单击事件
2.重新设置图片的src属性值

register.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script>
        /*
            分析:
                点击链接或者图片,需要换一张
                    1.给超链接和图片绑定单击事件
                    2.重新设置图片的src属性值
         */
        window.onload = function () {
            //1.获取图片对象
            let img = document.getElementById("checkCode");
            //2.绑定点击事件
            img.onclick = function () {
                //加时间戳
                let date = new Date().getTime();// 毫秒值
                //重新设置属性
                img.src = "/ResponseDemo5?"+date;
            }
        }


    </script>
</head>
<body>
    <img id="checkCode" src="/ResponseDemo5">
    <a id="change" href="">看不清换一张?</a>

</body>
</html>

 

 

 

ServletContext_概述

1.概念:代表整个web应用,可以和程序的容器(服务器)来通信

2.功能:

  1.获取MIEL类型:互联网中文件的一种类型

  2.域对象:共享数据

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

  

 

标签:src,img,验证码,点击,ServletContext,Response,图片
From: https://www.cnblogs.com/qihaokuan/p/16967017.html

相关文章

  • 解析Spring中的ResponseBody和RequestBody
    ​​https://www.cnkirito.moe/2017/08/30/%E8%A7%A3%E6%9E%90Spring%E4%B8%AD%E7%9A%84ResponseBody%E5%92%8CRequestBody/​​​spring,restful,前后......
  • Response_验证码_分析以及代码实现
    Response_验证码_分析以及代码实现本质:图片目的:防止恶意表单注册步骤:1.创建对象,在内存中图片(验证码图片对象)2.美化图片3.将图片输出到页面展示package......
  • Response_输出字符数据以及输出字节数据
    Response_输出字符数据以及输出字节数据 步骤:1.获取字符输出流2.输出数据@WebServlet(name="ResponseDemo3",value="/ResponseDemo3")publicclassRe......
  • scrapy架构介绍,scrapy中settings相关配置,scrapy中的request和response
    scrapy架构scrapy解析数据settings相关配置,提高爬取效率持久化方案全站爬取cnblogs文章request和response对象传递参数解析下一页并继续爬取爬虫......
  • 发送短信验证码
    1<inputid="sendBtn"type="button"value="点击获取验证码"class="btnbtn-default"/>2<buttontype="button"class="btnbtn-primary"id="loginBtn">登录</bu......
  • Response_路径_相对路径以及绝对路径
    Response_路径_相对路径以及绝对路径1.相对路径:通过相对路径不可以确定唯一资源如:./index.html不以/开头,以.开头路径 规则:找到当前资源和目标资源之间的相对......
  • 006.封装ResponseUtils工具类
    1.封装ResponseUtils(对标准的Code、Message进行设置)packagecom.imooc.oa.utils;importcom.fasterxml.jackson.annotation.JsonInclude;importcom.fasterxml.jackson......
  • Response_重定向的代码实现以及特点
    Response_重定向的代码实现以及特点重定向:资源跳转的方式@WebServlet(name="ResponseDemo1",value="/ResponseDemo1")publicclassResponseDemo1extendsHttpSe......
  • HTTP_响应消息_响应头和Response_功能介绍
    HTTP_响应消息_响应头格式:头名称:值常见的响应头:1.Content-Type:服务器告诉客户端本次响应体数据格式以及编码格式2.Content-disposition:服务器告诉客户端以什么......
  • .NET 6 实现滑动验证码(四)、扩展类
    为了能够通过配置文件(appsettings.json)或通过代码进行背景图片与模板进行配置、可自定义资源类型、自定义验证规则,本节创建一些扩展类,用来实现这些功能。上一节内容:NET6......