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