JavaScript实现给按钮加上双重动作的方法


Posted in Javascript onAugust 14, 2015

本文实例讲述了JavaScript实现给按钮加上双重动作的方法。分享给大家供大家参考。具体如下:

这里使用JavaScript给网页上按钮加入同时加入两个动作,一个是在文本框显示文字,另一个则是转向到某个网址,以往的按钮跳转都是单一的,这一个又在跳转时加入了将文字赋值给文本框的动作,搞懂了原理,就可以灵活运用了。

运行效果截图如下:

JavaScript实现给按钮加上双重动作的方法

在线演示地址如下:

具体代码如下:

<title>JavaScript给按钮加上双重动作</title>
<script language=JavaScript>
function jdk1x() {
  var num1 = document.x.jdk.value;
  if(num1 == 'three') {
  document.x.jdk.value = document.x.jdk.value
    }
  else {
  document.x.jdk.value = "三水点靠木欢迎您!"
    }
location="https://3water.com/"
 }
 </script>
<form name=x>
<input type=button value="三水点靠木" onClick="jdk1x()"><br>
<input type=text name=jdk width="300" onChange="document.x.jdk.value=''; return true">
</form>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
jQuery避免$符和其他JS库冲突的方法对比
Feb 20 Javascript
Javascript异步编程模型Promise模式详细介绍
May 08 Javascript
Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
Aug 15 Javascript
JavaScript删除数组元素的方法
Mar 20 Javascript
让你一句话理解闭包(简单易懂)
Jun 03 Javascript
js实现5秒倒计时重新发送短信功能
Feb 05 Javascript
详解在Angular项目中添加插件ng-bootstrap
Jul 04 Javascript
vue使用mint-ui实现下拉刷新和无限滚动的示例代码
Nov 06 Javascript
JavaScript中Object值合并方法详解
Dec 22 Javascript
vue src动态加载请求获取图片的方法
Oct 17 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
Oct 22 Javascript
使用vue3重构拼图游戏的实现示例
Jan 25 Vue.js
详解jQuery中的元素的属性和相关操作
Aug 14 #Javascript
js实现人才网站职位选择功能的方法
Aug 14 #Javascript
jQuery入门基础知识学习指南
Aug 14 #Javascript
Jquery全选与反选点击执行一次的解决方案
Aug 14 #Javascript
js实现Select列表各项上移和下移的方法
Aug 14 #Javascript
innerHTML中标签可以换行的方法汇总
Aug 14 #Javascript
jQuery编程中的一些核心方法简介
Aug 14 #Javascript
You might like
个人站长制做网页常用的php代码
2007/03/03 PHP
php一次性删除前台checkbox多选内容的方法
2013/09/22 PHP
php中stream(流)的用法
2014/03/25 PHP
PHP的Laravel框架中使用消息队列queue及异步队列的方法
2016/03/21 PHP
php自动提交表单的方法(基于fsockopen与curl)
2016/05/09 PHP
php创建多级目录与级联删除文件的方法示例
2019/09/12 PHP
php面向对象重点知识分享
2019/09/27 PHP
jQuery中需要注意的细节问题小结
2011/12/06 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
2014/11/16 Javascript
jQuery链使用指南
2015/01/20 Javascript
实例讲解jQuery中对事件的命名空间的运用
2016/05/24 Javascript
基于react框架使用的一些细节要点的思考
2017/05/31 Javascript
AngularJS使用ui-route实现多层嵌套路由的示例
2018/01/10 Javascript
利用d3.js力导布局绘制资源拓扑图实例教程
2019/01/08 Javascript
js+canvas实现两张图片合并成一张图片的方法
2019/11/01 Javascript
python实现文件路径和url相互转换的方法
2015/07/06 Python
python绘制铅球的运行轨迹代码分享
2017/11/14 Python
SVM基本概念及Python实现代码
2017/12/27 Python
Python实现获取nginx服务器ip及流量统计信息功能示例
2018/05/18 Python
在python2.7中用numpy.reshape 对图像进行切割的方法
2018/12/05 Python
对Python之gzip文件读写的方法详解
2019/02/08 Python
浅谈python累加求和+奇偶数求和_break_continue
2020/02/25 Python
Python while true实现爬虫定时任务
2020/06/08 Python
Ajxa常见问题都有哪些
2014/03/26 面试题
给女儿的表扬信
2014/01/18 职场文书
汽车广告策划方案
2014/05/31 职场文书
测控技术自荐信
2014/06/05 职场文书
建设单位项目负责人任命书
2014/06/06 职场文书
社区党员群众路线教育实践活动心得体会
2014/11/03 职场文书
简历中自我评价范文
2015/03/11 职场文书
广告公司文案策划岗位职责
2015/04/14 职场文书
2015年工程部工作总结
2015/04/30 职场文书
夏洛特的网观后感
2015/06/15 职场文书
六年级上册《闻官军收河南河北》的教学设计
2019/11/15 职场文书
python turtle绘图命令及案例
2021/11/23 Python
古见同学有交流障碍症 第二季宣传CM公开播出
2022/04/11 日漫