PHP自学笔记 ---李炎恢老师PHP第一季 TestGuest0.8
2017-01-02 19:39
351 查看
1、onclick局部刷新
A、
onclick="javascript:this.src='code.php?tm='+Math.random()"
B、
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" />
</form>
方法一:使用JavaScrip的伪类实现
<img src="code.php" id="code" onclick="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>
A、
onclick="javascript:this.src='code.php?tm='+Math.random()"
B、
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" />
</form>
方法一:使用JavaScrip的伪类实现
<img src="code.php" id="code" onclick="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.5
- PHP自学笔记 ---李炎恢老师PHP第一季 TestGuest0.7
- PHP自学笔记 ---李炎恢老师PHP第一季 TestGuest0.4
- PHP自学笔记 ---李炎恢老师PHP第一季 TestGuest0.6
- PHP自学笔记 ---李炎恢老师PHP第一季 TestGuest0.9/1.0 提交数据
- PHP自学笔记 ---李炎恢老师PHP第一季 TestGuest1.1 密码处理+1.2可选验证
- 学李炎恢老师的PHP第一季 笔记 多用户留言系统-TestGuest0.3
- 学李炎恢老师的PHP第一季 笔记 多用户留言系统-TestGuest0.2
- PHP第一季视频教程.李炎恢.学习笔记(四)(第2章 基本语法(3))
- PHP第一季视频教程.李炎恢.学习笔记(五)(第3章 操作符与控制结构(1)(2))
- PHP第一季视频教程.李炎恢.学习笔记(二)(第2章 基本语法(1))
- PHP第一季视频教程.李炎恢.学习笔记(三)(第2章 基本语法(2))
- PHP第一季视频教程.李炎恢.学习笔记(一)(第1章 PHP概述(1)、(2)、(3))
- 韩顺平_PHP程序员玩转算法公开课(第一季)01_算法重要性_五子棋算法_汉诺塔_回溯算法_学习笔记_源代码图解_PPT文档整理
- 自学php笔记
- 韩顺平_PHP程序员玩转算法公开课(第一季)11_双向链表在内存中存在形式剖析_学习笔记_源代码图解_PPT文档整理
- Redis自学笔记—PHP
- 【PHP自学笔记1】如何搭建配置PHP环境、云平台发布、第一个HelloWorld程序
- 韩顺平_PHP程序员玩转算法公开课(第一季)05_使用单链表解决约瑟夫问题_学习笔记_源代码图解_PPT文档整理
- php自学笔记外传---部分内建函数