JavaScript實(shí)現(xiàn)給按鈕加上雙重動(dòng)作的方法
本文實(shí)例講述了JavaScript實(shí)現(xiàn)給按鈕加上雙重動(dòng)作的方法。分享給大家供大家參考。具體如下:
這里使用JavaScript給網(wǎng)頁(yè)上按鈕加入同時(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://www.dbjr.com.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)文章
List the UTC Time on a Computer
List the UTC Time on a Computer...2007-06-06淺談javascript中的prototype和__proto__的理解
這篇文章主要介紹了淺談javascript中的prototype和__proto__的理解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(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基于HTML+JS實(shí)現(xiàn)網(wǎng)頁(yè)版蘋(píng)果計(jì)算器
這篇文章主要為大家詳細(xì)介紹了如何利用HTML+CSS+JS實(shí)現(xiàn)網(wǎng)頁(yè)版的蘋(pí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)畫(huà)的方法,有遇到相同問(wèn)題的小伙伴可以參考一下。2016-05-05