快捷導(dǎo)航

JavaScript實(shí)現(xiàn)給按鈕加上雙重動(dòng)作的方法

更新時(shí)間：2015年08月14日 11:27:05 作者：企鵝

這篇文章主要介紹了JavaScript實(shí)現(xiàn)給按鈕加上雙重動(dòng)作的方法,可實(shí)現(xiàn)文本框元素值添加及頁(yè)面跳轉(zhuǎn)的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(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://m.fzitv.net/"
 }
 </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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

再論Javascript下字符串連接的性能
這是個(gè)老話題了，之所以再拿出來(lái)說(shuō)，是因?yàn)闉g覽器一直在進(jìn)步，以前最好的方法現(xiàn)在不一定是最好的。
2011-03-03
JS回調(diào)函數(shù)原理與用法詳解【附PHP回調(diào)函數(shù)】
這篇文章主要介紹了JS回調(diào)函數(shù)原理與用法,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript回調(diào)函數(shù)的概念、原理、用法,并給出了PHP回調(diào)函數(shù)的使用示例,需要的朋友可以參考下
2019-07-07
js特殊字符轉(zhuǎn)義介紹
js特殊字符轉(zhuǎn)義。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-11-11
JS原生帶縮略圖的圖片切換效果
這篇文章主要介紹了JS原生帶縮略圖的圖片切換效果，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
2018-10-10
如何在一個(gè)頁(yè)面顯示多個(gè)百度地圖
經(jīng)常有人問(wèn)，百度地圖JavaScript API能在同一頁(yè)面顯示多個(gè)地圖嗎？當(dāng)然可以啊，為什么不可以呢？地圖之于頁(yè)面無(wú)非就是個(gè)div，我們可以在頁(yè)面顯示多個(gè)div，自然也可以顯示多個(gè)地圖。
2013-04-04
詳解ES6 Symbol 的用途
Symbol 唯一的用途就是標(biāo)識(shí)對(duì)象屬性，表明對(duì)象支持的功能。這篇文章給大家介紹ES6 Symbol 的用途，感興趣的朋友跟隨小編一起看看吧
2018-10-10
js讀寫(xiě)cookie實(shí)現(xiàn)一個(gè)底部廣告浮層效果的兩種方法
使用js實(shí)現(xiàn)一個(gè)頁(yè)面浮層效果，用js讀寫(xiě)cookie來(lái)實(shí)現(xiàn)用戶(hù)關(guān)閉廣告的顯示狀態(tài)，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-12-12
js中的cookie的讀寫(xiě)操作示例詳解
cookie是有有效期的，cookie的默認(rèn)有效期是從cookie生成至瀏覽器關(guān)閉，也可以通過(guò)設(shè)置cookie的有效期來(lái)指定其失效日期；用戶(hù)也可以禁止cookie也可以手動(dòng)刪除cookie
2014-04-04
JavaScript css3實(shí)現(xiàn)簡(jiǎn)單視頻彈幕功能
這篇文章主要為大家詳細(xì)介紹了JavaScript css3實(shí)現(xiàn)簡(jiǎn)單視頻彈幕功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-07-07
js自定義select下拉框美化特效
這篇文章主要為大家介紹了javascript自定義select下拉框美化特效的相關(guān)資料,需要的朋友可以參考下
2016-05-05