火狐浏览器kaptcha验证码点击无法刷新问题解决方法

  今天用到了谷歌的kaptcha验证码模块。但是发现在火狐浏览器中,使用起来有一点点的问题。

  当我们给验证码绑定单击事件时,代码如下:

window.onload = function(){
      document.getElementById("code_img").onclick = function(){
          this.src = "/kaptcha.jpg";
      }
}

  但是我发现在火狐浏览器上,这样写没有办法实现点击验证码图片就刷新的功能。不过在谷歌浏览器却能流畅运行。

  经过我一翻搜索,发现是由于赋值的src与原来的src一模一样,所以ie7和firefox这个两个家伙不会刷新,简单说来就是偷懒。

  同时,我也找到了解决方法:代码如下

window.onload = function(){
       document.getElementById("code_img").onclick = function(){
           this.src = "/kaptcha.jpg?t=" + new Date().getTime();
       }
}

  如果 【new Date() 】后面不加 【.getTime()】也能解决问题,但是你会发现点击刷新的时候没那么顺畅。加上之后就会顺畅无比。

  

  其实类似的答案网上有很多,不过我这里比较了一下我看到的两个不同解决方法之间的差异,顺便练习一下好久都没写的js,也方便以后自己查找。

原文地址:https://www.cnblogs.com/xzhm/p/12676963.html

时间: 2024-07-30 00:15:30

火狐浏览器kaptcha验证码点击无法刷新问题解决方法的相关文章

火狐浏览器select文字垂直不居中的解决方法

1.问题:火狐浏览器select文字垂直不居中 .zcsearch select{height:24px;} <div class="zcsearch"> <select > <option>全部</option> </select> </div> 2.解决方法:使用padding: 1px 0;即可 .zcsearch select{height:24px;padding: 1px 0;}

《解决微信内置浏览器返回上一页强制刷新问题方法》

微信内置浏览器在返回上一页面,且上一页面包含AJAX代码时,页面就会被强制刷新,极度影响用户体验.而我们想要的效果是:返回上一页面时,页面还停留在原来的状态,AJAX获取到的数据还在,滚动条也在原来的位置. BINGO~ 通过HTML5的history API + 缓存可以做到这一点. 执行原理: 1.0.通过history API的 history.pushState或 history.replaceState 保存AJAX状态: 2.0.同时将AJAX获取到的数据缓存起来(可以考虑使用H5的

CenOS下firefox browser (火狐浏览器)无法播放网页音乐的解决方法

新装载的Firefox或许无法播放网页音频,解决方法如下: 1. 下载并安装 flashplayer插件&&下载网址:https://get.adobe.com/flashplayer/?loc=cn 2. 解压 并将其中的libflashplayer.so放到主文件夹及/Home下 3. 进入terminal获取管理员权限操作,使用  su 命令 4. 查看主文件夹下是否存在 libflashplayer.so文件,dir命令 5. 复制libflashplayer.so到火狐插件文件夹

火狐浏览器新建标签页改为其他网址的方法

1.安装New Tab - Settings插件(moz-extension://1ed3c2cd-e6a9-4954-b6d1-0f3c3aaaaf69/html/options.html). 2. 3.完毕. 原文地址:https://www.cnblogs.com/qijunhui/p/9154436.html

WIN10文件无法自动刷新问题解决方法

Window10系统有时候会遇到以下类似的问题 1.文件删除后,图标还在,无法自动刷新屏幕,按F5或右键菜单刷新后才消失 2.文件粘贴后,不显示,刷新后才显示 3.回收站清理后,文件图标仍显示有垃圾 解决方法: 1.打开启动注册表编辑器,展开HKEY_LOCAL_MACHINE\System\CurrentControlSet\Control\Update如果没有Update项,右击Control选择新建项目,命名为Update 2.右击Update项目,新建DWORD值(32位),命名为Upd

火狐浏览器firefox检测不到U盾证书

火狐浏览器firefox检测不到U盾证书 近来改用火狐浏览器上网,但想用网上银行支付的时候发现,火狐浏览器检测不到农行K宝U盾的证书,如何解决呢?今天就和大家分享分享这个办法. 第一步:打开火狐浏览器firefox,点击菜单上的"工具",再点选"附加组件" 第二步:在弹出的附加组件管理器中点击"获取附加组件"的选项卡. 第三步:在右边的窗口中将浏览器的滚动条拉到底部.并点击"浏览所有附加组件"如图所示. 第四步:在弹出的新页面

火狐浏览器下连接a下无法使用select下拉菜单

火狐浏览器下连接a下无法使用select下拉菜单:如果select下拉菜单包裹在链接a中,则无法实现选中效果,当然如此使用在实际应用中也是很少见的,不过下面还是做一下简单介绍,如何避免此种问题的出现,寄希望能够给需要者带来一定的帮助.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=&

windows系统打开火狐浏览器提示“无法加载你的firefox配置文件”

win7系统自带IE浏览器,还是有部分用户使用不习惯,选择下载第三方浏览器,比如:火狐.谷歌.360浏览器等.最近有Win7系统用户在重新安装火狐浏览器后发现打不开,并提示"无法加载你的firefox配置文件 它可能已经丢失或无法访问"的故障,就算是重装也没有用,遇到这个问题我们该怎么办呢?不要担心,有需要的用户一起看看下面解决方法吧. 解决方法: 1.按下WIN+R 调出运行,然后输入: firefox.exe -p -no-remote  回车; 2.这时会弹出一个选择用户配置文件

火狐浏览器如何js关闭窗口的几种解决方法

今天在项目上有一个页面要求在几秒后自动关闭,想着还比较简单,用window.close()就可以了,但是用IE/谷歌/火狐浏览器试了一下,发现IE可以,谷歌用网上的兼容方法也可以实现,但是火狐这里卡住了,不能关闭,网上看到的一种兼容代码: function windowclose() { var browserName = navigator.appName; if (browserName=="Netscape") { window.open('', '_self', ''); wi