这篇文章主要为大家展示了“如何实现.net验证码的刷新或局部刷新”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何实现.net验证码的刷新或局部刷新”这篇文章吧。
成都创新互联公司基于成都重庆香港及美国等地区分布式IDC机房数据中心构建的电信大带宽,联通大带宽,移动大带宽,多线BGP大带宽租用,是为众多客户提供专业成都服务器托管报价,主机托管价格性价比高,为金融证券行业服务器托管,ai人工智能服务器托管提供bgp线路100M独享,G口带宽及机柜租用的专业成都idc公司。代码如下:
<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>
方法一:使用JavaScrip的伪类实现
复制代码 代码如下:
<img src="code.php" id="code"/><span id="update" onclick="javascript:code.src='code.php?tm='+Math.random()"></span>
方法二:引入外部文件
在html文件的<head></head>之间引入外部文件
复制代码 代码如下:
<script type="text/javascript" src="js/code.js"></script>
//外部文件code.js设置局部刷新函数
function code () {
var code = document.getElementByIdx_x_x('code');
var update = document.getElementByIdx_x_x('update');
update.onclick = function () {
code.src='code.php?tm='+Math.random();
};
};
以上是“如何实现.net验证码的刷新或局部刷新”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
新闻标题:如何实现.net验证码的刷新或局部刷新-创新互联
文章源于:https://www.cdcxhl.com/article12/dpedgc.html
成都网站建设公司_创新互联,为您提供域名注册、网站设计、网站收录、网站维护、网站策划、企业建站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联