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.Jwin.js 基于jquery的弹出层插件代码
May 23 Javascript
js实现的全国省市二级联动下拉选择菜单完整实例
Aug 17 Javascript
JavaScript图像延迟加载库Echo.js
Apr 05 Javascript
js点击返回跳转到指定页面实现过程
Aug 20 Javascript
关于js二维数组和多维数组的定义声明(详解)
Oct 02 Javascript
使用snowfall.jquery.js实现爱心满屏飞的效果
Jan 05 Javascript
Vue中封装input组件的实例详解
Oct 17 Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
Mar 28 Javascript
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
Oct 10 jQuery
JS实现手风琴特效
Nov 08 Javascript
js动态生成表格(节点操作)
Jan 12 Javascript
Rust中的Struct使用示例详解
Aug 14 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 项目的方法
2007/01/02 PHP
php数组函数序列之array_splice() - 在数组任意位置插入元素
2011/11/07 PHP
windows下zendframework项目环境搭建(通过命令行配置)
2012/12/06 PHP
PHP中PDO的事务处理分析
2016/04/07 PHP
深入分析PHP优化及注意事项
2016/07/04 PHP
iOS+PHP注册登录系统 PHP部分(上)
2016/12/26 PHP
关于图片按比例自适应缩放的js代码
2011/10/30 Javascript
JavaScript 用Node.js写Shell脚本[译]
2012/09/20 Javascript
jQuery中on()方法用法实例
2015/01/19 Javascript
JavaScript编程中布尔对象的基本使用
2015/10/25 Javascript
Google 地图API Map()构造器详解
2016/08/06 Javascript
Nodejs下DNS缓存问题浅析
2016/11/16 NodeJs
利用javascript实现的三种图片放大镜效果实例(附源码)
2017/01/23 Javascript
浅析JavaScript中的特殊数据类型
2017/12/15 Javascript
JavaScript复制内容到剪贴板的两种常用方法
2018/02/27 Javascript
jQuery扩展方法实现Form表单与Json互相转换的实例代码
2018/09/05 jQuery
微信小程序实现基于三元运算验证手机号/姓名功能示例
2019/01/19 Javascript
Vue 电商后台管理项目阶段性总结(推荐)
2020/08/22 Javascript
基于Python的身份证号码自动生成程序
2014/08/15 Python
Python内置数据类型详解
2014/08/18 Python
python+selenium实现登录账户后自动点击的示例
2017/12/22 Python
使用50行Python代码从零开始实现一个AI平衡小游戏
2018/11/21 Python
Python3中编码与解码之Unicode与bytes的讲解
2019/02/28 Python
Python 实现打印单词的菱形字符图案
2020/04/12 Python
Pycharm-community-2020.2.3 社区版安装教程图文详解
2020/12/08 Python
Pyside2中嵌入Matplotlib的绘图的实现
2021/02/22 Python
Html5适配iphoneX刘海屏的简单实现
2019/04/09 HTML / CSS
倩碧澳大利亚官网:Clinique澳大利亚
2019/07/22 全球购物
什么是GWT的Entry Point
2013/08/16 面试题
大学生职业生涯规划书参考模板
2014/03/05 职场文书
《大作家的小老师》教学反思
2014/04/16 职场文书
护士感人事迹
2014/05/01 职场文书
环境卫生工作汇报材料
2014/10/28 职场文书
2015年党风廉政建设工作总结
2015/04/09 职场文书
浅谈MySQL 亿级数据分页的优化
2021/06/15 MySQL
云服务器部署 Web 项目的实现步骤
2022/06/28 Servers