天天看點

Input按鈕的JavaScript多種應用

今天做程式的時候感覺HTML中的Input的按鈕功能真的很弱,開始到處找資料怎麼拓展關于Input中的功能。

看了很多大多都是采用JavaScript來拓展功能,本人JavaScript沒基礎。是以也沒法說出個字醜午卯來!大家自己看吧。

這裡所提供的都是很常用的按鈕擴充應用知識。如果喜歡我的CTO部落格請各位收藏一下。隻要覺得常用的東西本人會立即更新到部落格上,供大家研究分享學習技術。力争趕超歐美技術交流的活躍度!

1.通過Input完成頁面連結操作

代碼:<input type="button" value="《按鈕名稱》" onclick="location.href='《你要連結的頁面位置》'"/>

2.通過Input完成頁面關閉操作

代碼:<input type="button" value="《按鈕名稱》" "window.close();" />

3.通過Input完成打開新頁面

代碼:<input type="button" value="《按鈕名稱》" onclick="window.open('《頁面位址》')" />

4.通過Input完成彈出确認alert視窗

代碼:<input type="button" name="Submit1" value="确定" class="btn" onClick="alert('是否确認送出?');location.href= '《确認後跳轉到的頁面位置》';return false;" >

代碼II:<input type="button" name="Submit2" value="确定" class="btn" onClick="if (confirm('是否确認送出?'))location.href= '《确認後跳轉到的頁面位置》';return false;" >

繼續閱讀