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;" >
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章