js點(diǎn)擊button按鈕跳轉(zhuǎn)到另一個新頁面
點(diǎn)擊按鈕怎么跳轉(zhuǎn)到另外一個頁面呢?我們在網(wǎng)站制作中可能是需要的,因?yàn)橛袝r我們需要做這樣的效果,尤其是將按鈕做成一個圖片,而點(diǎn)擊圖片要跳轉(zhuǎn)到新的頁面時,怎么做到呢?
這樣的效果可以: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://www.dhdzp.com/)>
如果要在點(diǎn)擊按鈕提交時驗(yàn)證輸入款是否填入了內(nèi)容,要怎么做呢?當(dāng)用戶名輸入或者其它的為空的時候,點(diǎn)擊按鈕不提交,可以按下列的方法做。
代碼如下
<input type="submit" name="submit" onclick="open()">
<script language=javascript>
fuction open(){
if(!document.form_name.username.value) {
alert("請輸入用戶名!"); document.form_name.username.focus(); return false;
}else document.form_name.action="aaa.htm";
}
</script>
這樣的話,當(dāng)空值時,點(diǎn)擊按鈕還是不會跳轉(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在一定時間內(nèi)跳轉(zhuǎn)頁面及各種刷新頁面的實(shí)現(xiàn)方法
- JS定時刷新頁面及跳轉(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對Cookie進(jìn)行讀寫操作實(shí)例
這篇文章主要介紹了JavaScript對Cookie進(jìn)行讀寫操作的方法,實(shí)例分析了javascript針對cookie的讀寫操作技巧,非常簡單實(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顏色操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
layui 點(diǎn)擊重置按鈕, select 并沒有被重置的解決方法
今天小編就為大家分享一篇layui 點(diǎn)擊重置按鈕, select 并沒有被重置的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
用JavaScript事件串連執(zhí)行多個處理過程的方法
用JavaScript事件串連執(zhí)行多個處理過程的方法...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)閉事件方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08

