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 相关文章推荐
Flash对联广告的关闭按钮讨论
Jan 30 Javascript
javascript/jquery获取地址栏url参数的方法
Mar 05 Javascript
Node.js 的异步 IO 性能探讨
Oct 08 Javascript
JavaScript静态类型检查工具FLOW简介
Jan 06 Javascript
Bootstrap自定义文件上传下载样式
May 26 Javascript
详解AngularJs HTTP响应拦截器实现登陆、权限校验
Apr 11 Javascript
微信小程序实现根据字母选择城市功能
Aug 16 Javascript
史上最全JavaScript数组去重的十种方法(推荐)
Aug 17 Javascript
详解Vue单元测试Karma+Mocha学习笔记
Jan 31 Javascript
JavaScript HTML DOM元素 节点操作汇总
Jul 29 Javascript
js实现小时钟效果
Mar 25 Javascript
JS实现拖动模糊框特效
Aug 25 Javascript
详解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
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
ThinkPHP3.1新特性之多层MVC的支持
2014/06/19 PHP
使用Thinkphp框架开发移动端接口
2015/08/05 PHP
php使用pclzip类实现文件压缩的方法(附pclzip类下载地址)
2016/04/30 PHP
php获取开始与结束日期之间所有日期的方法
2016/11/29 PHP
PHP读取word文档的方法分析【基于COM组件】
2017/08/01 PHP
Riot.js 快速的JavaScript单元测试框架
2009/11/09 Javascript
浅析offsetLeft,Left,clientLeft之间的区别
2013/11/30 Javascript
鼠标选择动态改变网页背景颜色的JS代码
2013/12/10 Javascript
js对象基础实例分析
2015/01/13 Javascript
深入理解JavaScript程序中内存泄漏
2016/03/17 Javascript
微信小程序 动态的设置图片的高度和宽度详解及实例代码
2017/02/24 Javascript
Node.js查找当前目录下文件夹实例代码
2017/03/07 Javascript
JS基于正则表达式实现的密码强度验证功能示例
2017/09/21 Javascript
vue页面跳转后返回原页面初始位置方法
2018/02/11 Javascript
微信小程序利用canvas 绘制幸运大转盘功能
2018/07/06 Javascript
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
2019/01/18 jQuery
JS浅拷贝和深拷贝原理与实现方法分析
2019/02/28 Javascript
electron+vue实现div contenteditable截图功能
2020/01/07 Javascript
python自动化脚本安装指定版本python环境详解
2017/09/14 Python
python如何创建TCP服务端和客户端
2018/08/26 Python
使用Python抓取豆瓣影评数据的方法
2018/10/17 Python
对python中数据集划分函数StratifiedShuffleSplit的使用详解
2018/12/11 Python
python 划分数据集为训练集和测试集的方法
2018/12/11 Python
Python单元测试工具doctest和unittest使用解析
2019/09/02 Python
关于Keras模型可视化教程及关键问题的解决
2020/01/24 Python
美国儿童运动鞋和服装零售商:Kids Foot Locker
2017/08/05 全球购物
心理学专业毕业生推荐信范文
2013/11/21 职场文书
中医学专业自荐信范文
2014/04/01 职场文书
保护动物倡议书
2014/04/15 职场文书
计算机专业自荐信范文
2014/05/28 职场文书
2015年大学元旦晚会活动策划书
2014/12/09 职场文书
2015年幼儿园保育员工作总结
2015/04/23 职场文书
企业战略合作意向书
2015/05/08 职场文书
初任公务员培训心得体会
2016/01/08 职场文书
Vue全局事件总线你了解吗
2022/02/24 Vue.js