快捷導(dǎo)航

input鏈接頁面、打開新網(wǎng)頁等等的具體實(shí)現(xiàn)

更新時(shí)間：2013年12月30日 17:45:15 作者：

input可以鏈接到某頁、返回、打開新網(wǎng)頁、打開無邊框的新窗口等等，本文整理了一些，感興趣的朋友可以參考下

1.鏈接到某頁

<input type="button" name="Submit" value="確定" class="btn"

onclick="location.href='filename.html'" />

2.返回(等同后退)

<input name="Submit2" type="button" class="btn"

onclick="location.href='javascript:history.go(-1);'" value="返回" />

3.打開新網(wǎng)頁

<input type="button" name="Submit2" value="確定" class="btn"

onclick="window.open('filename.html')" />

4.打開無邊框的新窗口

<input type="button" name="Submit2" value="確定" class="btn" onclick="javascript:window.open('filename.html','','width=720,height=500,resizable=yes,scrollbars=yes,status=no')" />

5.打開新網(wǎng)頁同時(shí)指向另一頁

<input type="button" name="Submit2" value="確定" class="btn" onclick="window.open('filename.html');location. />

6.打開無邊框的新窗口同時(shí)指向另一頁

<input type="button" name="Submit2" value="確定" class="btn" onclick="javascript:window.open('http://www.cxybl.com','','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('是否確認(rèn)提交？');location.href= 'filename.html';return false;" >
方式二：
<input type="button" name="Submit2" value="確定" class="btn"
onClick="if (confirm('是否確認(rèn)提交？'))location.href= 'filename.html';return false;" >

相關(guān)文章

使用純JS代碼判斷字符串中有多少漢字的實(shí)現(xiàn)方法(超簡單實(shí)用)
這篇文章主要給大家介紹了js判斷字符串中有多少漢字的實(shí)現(xiàn)方法然后給大家分享了使用JS判斷輸入字符串長度的兩種方法，非常不錯(cuò)具有參考借鑒價(jià)值，感興趣的朋友一起看看吧
2016-11-11
Ext JS 實(shí)現(xiàn)建議詞模糊動(dòng)態(tài)搜索功能
這篇文章主要介紹了Ext JS 實(shí)現(xiàn)建議詞模糊動(dòng)態(tài)搜索功能,需要的朋友可以參考下
2017-05-05
bootstrap為水平排列的表單和內(nèi)聯(lián)表單設(shè)置可選的圖標(biāo)
為水平排列的表單和內(nèi)聯(lián)表單設(shè)置可選的圖標(biāo)。本文通過示例代碼給大家講解，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-02-02
javascript 用局部變量來代替全局變量
在JavaScript中，我們應(yīng)該盡可能的用局部變量來代替全局變量，這句話所有人都知道，可是這句話是誰先說的？
2009-05-05
js定時(shí)器實(shí)例分享
本篇文章主要介紹了js 定時(shí)器的語法、實(shí)例、與實(shí)現(xiàn)代碼分析。具有很好的參考價(jià)值，需要的朋友一起來看下吧
2016-12-12
javascript 終止函數(shù)執(zhí)行操作
本篇文章主要是對javascript 終止函數(shù)執(zhí)行的操作方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02
逐行分析鴻蒙系統(tǒng)的 JavaScript 框架(推薦)
鴻蒙系統(tǒng)使用 JavaScript 開發(fā) GUI 是一種類似于微信小程序、輕應(yīng)用的模式。這篇文章給大家?guī)砹酥鹦蟹治鲽櫭上到y(tǒng)的 JavaScript 框架的相關(guān)知識，感興趣的朋友跟隨小編一起看看吧
2020-09-09
JavaScript中的定時(shí)器之Item23的合理使用
window對象提供了兩個(gè)方法來實(shí)現(xiàn)定時(shí)器的效果，分別是window.setTimeout()和window.setInterval。其中前者可以使一段代碼在指定時(shí)間后運(yùn)行；而后者則可以使一段代碼每過指定時(shí)間就運(yùn)行一次
2015-10-10
JS模仿MSN右下角彈出提示框代碼
JS模仿MSN右下角彈出提示框代碼，需要的朋友可以參考下。
2010-09-09
firefox下對ajax的onreadystatechange的支持情況分析
firefox下對ajax的onreadystatechange的支持分析。用的到的朋友可以參考下。
2009-12-12