js點(diǎn)擊button按鈕跳轉(zhuǎn)到另一個(gè)新頁面
點(diǎn)擊按鈕怎么跳轉(zhuǎn)到另外一個(gè)頁面呢?我們?cè)诰W(wǎng)站制作中可能是需要的,因?yàn)橛袝r(shí)我們需要做這樣的效果,尤其是將按鈕做成一個(gè)圖片,而點(diǎn)擊圖片要跳轉(zhuǎn)到新的頁面時(shí),怎么做到呢?
這樣的效果可以:onclick="window.location='新頁面'" 來實(shí)現(xiàn)。
1.在原來的窗體中直接跳轉(zhuǎn)用
代碼如下
window.location.href="你所要跳轉(zhuǎn)的頁面";
2、在新窗體中打開頁面用:
代碼如下
window.open('你所要跳轉(zhuǎn)的頁面');
window.history.back(-1);返回上一頁
代碼如下
<input type="submit" name="Submit" value="同意" onclick=window.open(http://m.fzitv.net/)>
如果要在點(diǎn)擊按鈕提交時(shí)驗(yàn)證輸入款是否填入了內(nèi)容,要怎么做呢?當(dāng)用戶名輸入或者其它的為空的時(shí)候,點(diǎn)擊按鈕不提交,可以按下列的方法做。
代碼如下
<input type="submit" name="submit" onclick="open()">
<script language=javascript>
fuction open(){
if(!document.form_name.username.value) {
alert("請(qǐng)輸入用戶名!"); document.form_name.username.focus(); return false;
}else document.form_name.action="aaa.htm";
}
</script>
這樣的話,當(dāng)空值時(shí),點(diǎn)擊按鈕還是不會(huì)跳轉(zhuǎn)到另外的頁面呢?這樣就達(dá)到了效果了。
JS跳轉(zhuǎn)頁面參考代碼
代碼如下
第一種:
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
第二種:
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
第三種:
<script language="javascript">
window.navigate("top.jsp");
</script>
第四種:
<script language="JavaScript">
self.location='top.htm';
</script>
第五種:
<script language="javascript">
alert("非法訪問!");
top.location='xx.jsp';
</script>
=====j(luò)avascript中彈出選擇框跳轉(zhuǎn)到其他頁面=====
<script language="javascript">
<!--
function logout()...{
if (confirm("你確定要注銷身份嗎?是-選擇確定,否-選擇取消"))...{
window.location.href="logout.asp?act=logout"
}
}
-->
</script>
=====j(luò)avascript中彈出提示框跳轉(zhuǎn)到其他頁面=====
<script language="javascript">
<!--
function logout()...{
alert("你確定要注銷身份嗎?");
window.location.href="logout.asp?act=logout"
}
-->
</script>
- js關(guān)閉模態(tài)窗口刷新父頁面或跳轉(zhuǎn)頁面
- JS在一定時(shí)間內(nèi)跳轉(zhuǎn)頁面及各種刷新頁面的實(shí)現(xiàn)方法
- JS定時(shí)刷新頁面及跳轉(zhuǎn)頁面的方法
- js頁面跳轉(zhuǎn)常用的幾種方式
- js跳轉(zhuǎn)頁面方法實(shí)現(xiàn)匯總
- jsp下頁面跳轉(zhuǎn)的幾種方法小結(jié)
- js跳轉(zhuǎn)頁面方法總結(jié)
- js實(shí)現(xiàn)頁面跳轉(zhuǎn)的幾種方法小結(jié)
- js實(shí)現(xiàn)頁面跳轉(zhuǎn)重定向的幾種方式
- JS實(shí)現(xiàn)頁面跳轉(zhuǎn)與刷新的方法匯總
相關(guān)文章
JavaScript對(duì)Cookie進(jìn)行讀寫操作實(shí)例
這篇文章主要介紹了JavaScript對(duì)Cookie進(jìn)行讀寫操作的方法,實(shí)例分析了javascript針對(duì)cookie的讀寫操作技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-07-07
JS+Ajax+Jquery實(shí)現(xiàn)頁面無刷新分頁以及分組 超強(qiáng)的實(shí)現(xiàn)
JS+Ajax+Jquery實(shí)現(xiàn)頁面無刷新分頁以及分組 超強(qiáng)的實(shí)現(xiàn) 加上你的CSS完全可以與EXT媲美哦2009-08-08
js實(shí)現(xiàn)可得到不同顏色值的顏色選擇器實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)可得到不同顏色值的顏色選擇器,實(shí)例分析了javascript顏色操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
layui 點(diǎn)擊重置按鈕, select 并沒有被重置的解決方法
今天小編就為大家分享一篇layui 點(diǎn)擊重置按鈕, select 并沒有被重置的解決方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
用JavaScript事件串連執(zhí)行多個(gè)處理過程的方法
用JavaScript事件串連執(zhí)行多個(gè)處理過程的方法...2007-03-03
javascript使用輸出語句實(shí)現(xiàn)網(wǎng)頁特效代碼
這篇文章主要介紹javascript使用輸出語句實(shí)現(xiàn)網(wǎng)頁特效,有需要的朋友可以參考下2015-08-08
取消Bootstrap的dropdown-menu點(diǎn)擊默認(rèn)關(guān)閉事件方法
今天小編就為大家分享一篇取消Bootstrap的dropdown-menu點(diǎn)擊默認(rèn)關(guān)閉事件方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08

