快捷導(dǎo)航

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://www.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>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

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