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 相关文章推荐
js关于精确计算和数值格式化以及直接引js文件
Jan 28 Javascript
基于jQuery通过jQuery.form.js插件实现异步上传
Dec 13 Javascript
Jquery $when done then的用法详解
May 20 Javascript
Bootstrap输入框组件简单实现代码
Mar 06 Javascript
Node.js 使用流实现读写同步边读边写功能
Sep 11 Javascript
vuejs实现折叠面板展开收缩动画效果
Sep 06 Javascript
JavaScript链式调用实例浅析
Dec 19 Javascript
Node.js net模块功能及事件监听用法分析
Jan 05 Javascript
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
JavaScript实现图片伪异步上传过程解析
Apr 10 Javascript
js实现无刷新监听URL的变化示例代码详解
Jun 03 Javascript
一篇文章看懂JavaScript中的回调
Jan 05 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
PHP+javascript制作带提示的验证码源码分享
2014/05/28 PHP
php中的curl_multi系列函数使用例子
2014/07/29 PHP
php获取远程图片并下载保存到本地的方法分析
2016/10/08 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
来自chinaz的ajax获取评论代码
2008/05/03 Javascript
jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
2010/04/01 Javascript
JavaScript获取某年某月的最后一天附截图
2014/06/23 Javascript
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
2016/02/17 Javascript
php基于redis处理session的方法
2016/03/14 Javascript
jquery判断checkbox是否选中及改变checkbox状态的实现方法
2016/05/26 Javascript
JS遍历页面所有对象属性及实现方法
2016/08/01 Javascript
微信小程序(应用号)简单实例应用及实例详解
2016/09/26 Javascript
js 将input框中的输入自动转化成半角大写(税号输入框)
2017/02/16 Javascript
如何使用Bootstrap创建表单
2017/03/29 Javascript
canvas绘制一个常用的emoji表情
2017/03/30 Javascript
javascript中mouseenter与mouseover的异同
2017/06/06 Javascript
JS实现求数组起始项到终止项之和的方法【基于数组扩展函数】
2017/06/13 Javascript
动态创建Angular组件实现popup弹窗功能
2017/09/15 Javascript
NodeJS有难度的面试题(能答对几个)
2019/10/09 NodeJs
js中关于Blob对象的介绍与使用
2019/11/29 Javascript
Vue实现随机验证码功能
2020/12/29 Vue.js
Python 变量类型及命名规则介绍
2013/06/08 Python
解决pandas使用read_csv()读取文件遇到的问题
2018/06/15 Python
简单了解python gevent 协程使用及作用
2019/07/22 Python
Python 动态变量名定义与调用方法
2020/02/09 Python
html5 postMessage解决跨域、跨窗口消息传递方案
2016/12/20 HTML / CSS
新西兰最大的天然保健及护肤品网站:HealthPost(直邮中国)
2021/02/13 全球购物
将n个数按输入顺序的逆序排列,用函数实现
2012/11/14 面试题
某公司的.net工程师面试题笔试题
2013/11/22 面试题
新闻传媒系求职信范文
2014/04/19 职场文书
个人作风建设剖析材料
2014/10/11 职场文书
2014年仓库管理员工作总结
2014/11/18 职场文书
写给媳妇的检讨书
2015/05/06 职场文书
小学运动会前导词
2015/07/20 职场文书
详解MySQL的半同步
2021/04/22 MySQL
Python制作一个随机抽奖小工具的实现
2021/07/07 Python