JavaScript實(shí)現(xiàn)給按鈕加上雙重動(dòng)作的方法
更新時(shí)間：2015年08月14日 11:27:05 作者：企鵝
這篇文章主要介紹了JavaScript實(shí)現(xiàn)給按鈕加上雙重動(dòng)作的方法,可實(shí)現(xiàn)文本框元素值添加及頁面跳轉(zhuǎn)的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JavaScript實(shí)現(xiàn)給按鈕加上雙重動(dòng)作的方法。分享給大家供大家參考。具體如下：
這里使用JavaScript給網(wǎng)頁上按鈕加入同時(shí)加入兩個(gè)動(dòng)作，一個(gè)是在文本框顯示文字，另一個(gè)則是轉(zhuǎn)向到某個(gè)網(wǎng)址，以往的按鈕跳轉(zhuǎn)都是單一的，這一個(gè)又在跳轉(zhuǎn)時(shí)加入了將文字賦值給文本框的動(dòng)作，搞懂了原理，就可以靈活運(yùn)用了。
運(yùn)行效果截圖如下：
在線演示地址如下：
http://demo.jb51.net/js/2015/js-button-two-action-codes/
具體代碼如下：
<title>JavaScript給按鈕加上雙重動(dòng)作</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="http://chabaoo.cn/"
}
</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>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- javascript實(shí)現(xiàn)點(diǎn)擊單選按鈕鏈接轉(zhuǎn)向?qū)?yīng)網(wǎng)址的方法
- JavaScript實(shí)現(xiàn)點(diǎn)擊單選按鈕改變輸入框中文本域內(nèi)容的方法
- JavaScript實(shí)現(xiàn)自動(dòng)消除按鈕功能的方法
- javascript實(shí)現(xiàn)點(diǎn)擊提交按鈕后顯示loading的方法
- javascript實(shí)現(xiàn)點(diǎn)擊后變換按鈕顯示文字的方法
- javascript實(shí)現(xiàn)表單提交后，提交按鈕不可用的方法
- JavaScript給按鈕綁定點(diǎn)擊事件（onclick）的方法
- JavaScript獲取按鈕所在form表單id的方法
- Javascript 實(shí)現(xiàn)復(fù)制（Copy）動(dòng)作方法大全
相關(guān)文章
這篇文章主要為大家介紹了關(guān)于HTTP?302?Redirect的舉例分析,讓大家理解HTTP?302?Redirect工作原理,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步2023-12-12
List the UTC Time on a Computer
List the UTC Time on a Computer...2007-06-06
淺談javascript中的prototype和__proto__的理解
這篇文章主要介紹了淺談javascript中的prototype和__proto__的理解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
關(guān)聯(lián)的Select，可以支持客戶端動(dòng)態(tài)更新
關(guān)聯(lián)的Select，可以支持客戶端動(dòng)態(tài)更新...2006-09-09
項(xiàng)目中常遇到輸入框檢查的需求，比如即時(shí)搜索，用change事件？change事件失去焦點(diǎn)才發(fā)生，無法做到即時(shí)。keypresss事件？能監(jiān)聽到鍵盤，但監(jiān)聽不到鼠標(biāo)復(fù)制粘貼，不完美2014-09-09
基于HTML+JS實(shí)現(xiàn)網(wǎng)頁版蘋果計(jì)算器
這篇文章主要為大家詳細(xì)介紹了如何利用HTML+CSS+JS實(shí)現(xiàn)網(wǎng)頁版的蘋果計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
如何用js將blob為pcm格式轉(zhuǎn)換為MP3格式
要將PCM文件轉(zhuǎn)換為MP3文件,您可以使用Js實(shí)現(xiàn),這篇文章主要給大家介紹了關(guān)于如何用js將blob為pcm格式轉(zhuǎn)換為MP3格式的相關(guān)資料,需要的朋友可以參考下2023-11-11
引入autocomplete組件時(shí)JS報(bào)未結(jié)束字符串常量錯(cuò)誤
在引入jQuery的autocomplete組件時(shí)，遇到j(luò)s報(bào)未結(jié)束字符串常量錯(cuò)誤，原因及解決方法如下，大家可以參考下2014-03-03
超鏈接怎么正確調(diào)用javascript函數(shù)
本文介紹使用超鏈接調(diào)用javasript函數(shù)且不會(huì)影響GIF圖片動(dòng)畫的方法，有遇到相同問題的小伙伴可以參考一下。2016-05-05
這篇文章主要為大家詳細(xì)介紹了Bootstrap輸入框組件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06