給Button/input添加鏈接,前進(jìn),后退等功能
來(lái)源：程序員人生 發(fā)布時(shí)間：2014-01-28 05:02:01 閱讀次數(shù)：3654次
給Button/input添加鏈接,前進(jìn),后退等功能，看標(biāo)題，大家就應(yīng)該明白是怎么回事了，我們?cè)谌粘５木W(wǎng)頁(yè)制作中使用a超級(jí)鏈接最多，而給按鈕添加鏈接，有一部分朋友可能沒(méi)用到過(guò)，今天小編就把與button、input相關(guān)的鏈接，前進(jìn)，后退，彈出確認(rèn)alert窗口等的代碼整理出來(lái)，希望對(duì)您有所幫助。
代碼如下：
1.鏈接到某頁(yè)
<input type="button" name="Submit" value="確 定" class="btn" onclick="location.href='http://www.jyygyx.com/down'" />
2.返回(等同后退)
<input name="Submit2" type="button" class="btn" onclick="location.href='javascript:history.go(-1);'" value="返 回" />
3.打開(kāi)新網(wǎng)頁(yè)
<input type="button" name="Submit2" value="確 定" class="btn" onclick="window.open('filename.html')" />
4.打開(kāi)無(wú)邊框的新窗口
<input type="button" name="Submit2" value="確 定" class="btn" onclick="javascript:window.open('http://bbs.liehuo.net','','width=720,height=500,resizable=yes,scrollbars=yes,status=no')" />
5.打開(kāi)新網(wǎng)頁(yè)同時(shí)指向另一頁(yè)
<input type="button" name="Submit2" value="確 定" class="btn" onclick="window.open('filename.html');location." />
6.打開(kāi)無(wú)邊框的新窗口同時(shí)指向另一頁(yè)
<input type="button" name="Submit2" value="確 定" class="btn" onclick="javascript:window.open('http://www.liehuo.org','','width=720,height=500,resizable=yes,scrollbars=yes,status=no'); window.location='filename.html';" />
7.點(diǎn)擊按鈕彈出確認(rèn)alert窗口
方式一：
<input type="button" name="Submit1" value="確定" class="btn"
onClick="alert('Liehuo_net提示：提交成功！');location.href= 'filename.html';return false;" >
方式二：
<input type="button" name="Submit2" value="確定" class="btn"
onClick="if (confirm('學(xué)院提示：是否確認(rèn)提交？'))location.href= 'filename.html';return false;" >
感謝您對(duì)學(xué)院的支持，歡迎提出寶貴意見(jiàn)！
生活不易，碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)
