zoukankan      html  css  js  c++  java
  • 验证码在ie7和FF下无法刷新的问题

      在登录窗口用到了动态生成验证码

    代码
    <img alt="更新一张验证码图片" src="authimg" id='checkcode' style="cursor:pointer" onClick="refreshcode();"/>

    对应的js

    function refreshcode(){
        document.getElementById("checkcode").src="authimg" ;(或者new Date())
    }

    结果

    在ie 6下验证码图片可以刷新,但是在 ie 7 和FF中无法刷新。

           

    原因

           经分析,由于js指定的src与原来图片的src相同,而ie 6与ie 7及FF的刷新机制的不同(这个页面很容易被IE缓存了,所以点击验证码图片时,IE7和FF只是把缓存中的页面显示给客户端,而不是重新去服务器取新的页面),导致ie7和FF无法刷新。

    解决思路

             给src所指地址(代码中的"authimg")传递一个参数,传递了不同的参数,浏览器就认为img的src发生了改变,就去服务器取新的页面,而不是读缓存,因此重新生成了新的验证码。

    解决方法:

            可以用JavaScript.Math.random() 函数(返回0和1之间的伪随机数,可能为0,但总是小于1,[0,1))。

    改进代码:

    function refreshcode(){
        document.getElementById("checkcode").src="authimg?"+Math.random();
    }

  • 相关阅读:
    sqlserver 智能提示插件
    支付相关-算法知识2
    支付相关-算法知识1
    支付相关-证书知识学习4
    支付相关-证书知识学习3
    支付相关-证书知识学习2
    getID3类的学习使用
    ThinkPHP 的 Vender的简单实用
    postman的简单使用
    js 实现点击复制文本内容
  • 原文地址:https://www.cnblogs.com/aaa6818162/p/1502172.html
Copyright © 2011-2022 走看看