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 相关文章推荐
如何实现iframe(嵌入式帧)的自适应高度
Jul 26 Javascript
js调试系列 源码定位与调试[基础篇]
Jun 18 Javascript
对之前写的jquery分页做下升级
Jun 19 Javascript
jQuery随机密码生成的方法
Mar 09 Javascript
JavaScript取得WEB安全颜色列表的方法
Jul 14 Javascript
javascript编程异常处理实例小结
Nov 30 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
May 03 Javascript
js放大镜放大购物图片效果
Jan 18 Javascript
简单实现AngularJS轮播图效果
Apr 10 Javascript
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
详解使用jest对vue项目进行单元测试
Sep 07 Javascript
使用vue实现一个电子签名组件的示例代码
Jan 06 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 安全过滤函数代码
2011/05/07 PHP
基于python发送邮件的乱码问题的解决办法
2013/04/25 PHP
php限制文件下载速度的代码
2015/10/20 PHP
jquery键盘事件使用介绍
2011/11/01 Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
2014/11/02 Javascript
JavaScript组件焦点与页内锚点间传值的方法
2015/02/02 Javascript
Jquery中Event对象属性小结
2015/02/27 Javascript
jquery实现select下拉框美化特效代码分享
2015/08/18 Javascript
javascript实现的上下无缝滚动效果
2016/09/19 Javascript
js实现鼠标左右移动,图片也跟着移动效果
2017/01/25 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
2017/02/23 Javascript
详谈Node.js之操作文件系统
2017/08/29 Javascript
Angular2管道Pipe及自定义管道格式数据用法实例分析
2017/11/29 Javascript
Array数组对象中的forEach、map、filter及reduce详析
2018/08/02 Javascript
微信小程序实现复选框效果
2018/12/28 Javascript
vue动态注册组件实例代码详解
2019/05/30 Javascript
解决vue单页面应用中动态修改title问题
2019/06/09 Javascript
WEEX环境搭建与入门详解
2019/10/16 Javascript
分享Angular http interceptors 拦截器使用(推荐)
2019/11/10 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
2020/07/18 Javascript
vue二选一tab栏切换新做法实现
2021/01/19 Vue.js
写了个监控nginx进程的Python脚本
2012/05/10 Python
浅析Python中的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
最近Python有点火? 给你7个学习它的理由!
2017/06/26 Python
浅谈Matplotlib简介和pyplot的简单使用——文本标注和箭头
2018/01/09 Python
numpy实现合并多维矩阵、list的扩展方法
2018/05/08 Python
python机器学习之KNN分类算法
2018/08/29 Python
详解Python3除法之真除法、截断除法和下取整对比
2019/05/23 Python
python读取yaml文件后修改写入本地实例
2020/04/27 Python
Spartoo芬兰:欧洲最大的网上鞋店
2016/08/28 全球购物
西班牙床垫网上商店:Colchones.es
2018/05/06 全球购物
Kiwi.com中国:找到特价机票并发现新目的地
2019/10/27 全球购物
医学生个人求职信范文
2013/09/24 职场文书
三国演义读书笔记
2015/06/25 职场文书
Redis分布式锁Redlock的实现
2021/08/07 Redis
使用logback实现按自己的需求打印日志到自定义的文件里
2021/08/30 Java/Android