1、onclick局部刷新

A、

οnclick="javascript:this.src='code.php?tm='+Math.random()"

B、

code.οnclick=function(){
  this.src='code.php?tm='+Math.random();
  }

验证码的刷新或局部刷新的方法实例,下面是实例,

以验证码的刷新为例

<form method="post" name="login" action="">
  验 证 码:<input type="text" name="code" class="text code"  /> <img src="code.php" id="code" />
</form>

方法一:使用JavaScrip的伪类实现

<img src="code.php" id="code" οnclick="javascript:this.src='code.php?tm='+Math.random()" />

方法二:引入外部文件
在html文件的<head></head>之间引入外部文件

<script type="text/javascript" src="js/code.js"></script>
    //外部文件code.js设置局部刷新函数

function code () {
     var code = document.getElementByIdx_x_x('code');
     code.onclick = function () {
       this.src='code.php?tm='+Math.random();
     };
   };

另外,如果是想在验证码旁边加上一内容,然后点击该内容验证码刷新的话,可以用下列方法

<form method="post" name="login" action="">
  验 证 码:<input type="text" name="code" class="text code"  /> <img src="code.php" id="code" />
            <span id="update">点击刷新验证码</span>

</form>

PHP自学笔记 ---李炎恢老师PHP第一季 TestGuest0.8相关推荐

  1. PHP自学笔记 ---李炎恢老师PHP第一季 TestGuest0.6

    1. Window opener 属性 Window 对象 定义和用法 opener 属性是一个可读可写的属性,可返回对创建该窗口的 Window 对象的引用. 当使用window.open()打开一 ...

  2. PHP自学笔记 ---李炎恢老师PHP第一季 TestGuest0.9/1.0 提交数据

    1.非法操作弹窗 //非法操作弹窗 function _alert_back($_info){ echo "<script type='text/javescript'> ale ...

  3. PHP自学笔记 ---李炎恢老师PHP第一季 TestGuest0.7

    1.产生随机数: mt_rand (PHP 4, PHP 5) mt_rand - 生成更好的随机数 说明 int mt_rand ([ int$min ], int$max ) 很多老的 libc ...

  4. PHP自学笔记 ---李炎恢老师PHP第一季 TestGuest1.1 密码处理+1.2可选验证

    知识点 1.加密方式:sha1和MD5 这两个函数不可逆 但网上有破解的软件,破解软件是先获得经过函数处理的值,保存在数据库. 2.正则表达式 email正则表达式,参考:http://www.cnb ...

  5. 北风网 李炎恢老师全部视频教程下载地址大全

    (1)啥都不说了[北风网 李炎恢老师]视频教程大全百度网盘下载地址: http://pan.baidu.com/share/home?uk=4278436023#category/type=0 李炎恢 ...

  6. 李炎恢老师XHTML视频教程DIV+CSS教程与课件代码

    [No32]李炎恢老师XHTML视频教程DIV+CSS教程与课件代码 课程目录: css专题 0.视频项目源代码+素材 第1章 XHTML学前准备(1课时) 第2章 HTML基本结构(2课时) 第3章 ...

  7. 李炎恢老师HTML5+CSS3教程与课件代码 下载

    课程目录:     01.[HTML5第一季] 第1章 HTML5概述.zip     02.[HTML5第一季] 第2章 基本格式.zip     03.[HTML5第一季] 第3章 文本元素.zi ...

  8. JMeter自学笔记3-创建自己的第一个测试用例

    一.写在前面的话: 上篇我们已经认识了JMeter的图形界面,大家应该都是很懵的.那么这篇,我们将学习使用JMeter创建第一个属于自己测试用例. 二.创建自己的第一个测试用例: 1.新建一个Thre ...

  9. 李炎恢老师PHP第三季视频课程(设计模式+MVC模式+SMARTY+在线商城)

    课程目标 掌握MVC搭建.在线商城等技能. 适用人群 对原生的MVC搭建,在线商城系统感兴趣的用户, 课程简介 很多学生在学习PHP第二季和第三季的时候,发现难度突然加大,导致学习出现障碍.这里说明一 ...

  10. 一步步学习PHP笔记(李炎恢瓢城web俱乐部-多用户留言系统)01

    本课:div+css实现首页效果: 开发工具:xampp + phpstorm 笔记目的:仅做记录使用,方便日后查看 代码目录结构: index.php: <?phpdefine("R ...

最新文章

  1. 实例讲解Linux系统中硬链接与软链接的创建
  2. 将matlab的.m文件打包为独立可执行程序.exe —— 基于Matlab R2015b
  3. Butterknife 的简单使用 和 配合 Butterknife的插件 Zelezny
  4. s6-4 TCP 数据段
  5. 最详细的linux下的磁盘分区及格式化
  6. Python+Opencv建立一个文档扫描器
  7. 如何利用光衰减器测试光纤收发器的灵敏度?
  8. 万分之二用百分之怎么表示_红木家具怎么辨别真假
  9. 问题通用解决方法探索
  10. 最新前端中高级面试题
  11. CAN 通信协议(希望大家多多指点)
  12. SD卡与TF卡的区别是什么?哪个更耐用?
  13. Google Go 语言从入门到应用必备开源项目
  14. GitHub入门:教你如何查找GitHub中最热项目/最牛大神的方法
  15. P1293 班级聚会
  16. linux下面编译java代码及打包
  17. canpcb阻抗_PCB阻抗匹配与0欧电阻设计说明
  18. 无锡seo揭秘2017年百度核心算法(内部资源)
  19. android计算器功能实现,在android中利用 studio实现一个简单的计算器功能
  20. React实战模版(AntDesignPro框架)

热门文章

  1. S7-1200做智能IO设备
  2. java基本数据从低到高_java基本数据类型之间的转换
  3. win10关闭计算机休眠,小编教您win10怎么关闭休眠 win10关闭系统休眠方法
  4. AD(Altium Designer)软件中原理图自制模板(图框)的妙用
  5. Linux磁盘NFC格式,kali linux 支持哪些nfc读卡器
  6. nodejs+vue+elementui校园疫情防控出入登记系统python java
  7. thinkphp前端显示被反编译详解
  8. 求边界点 -- Python
  9. 囧从流氓同事的河蟹喜酒归来......
  10. 超好用的卸载工具——geek