js點擊button按鈕跳轉(zhuǎn)到另一個新頁面
點擊按鈕怎么跳轉(zhuǎn)到另外一個頁面呢?我們在網(wǎng)站制作中可能是需要的,因為有時我們需要做這樣的效果,尤其是將按鈕做成一個圖片,而點擊圖片要跳轉(zhuǎn)到新的頁面時,怎么做到呢?
這樣的效果可以:onclick="window.location='新頁面'" 來實現(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://chabaoo.cn/)>
如果要在點擊按鈕提交時驗證輸入款是否填入了內(nèi)容,要怎么做呢?當(dāng)用戶名輸入或者其它的為空的時候,點擊按鈕不提交,可以按下列的方法做。
代碼如下
<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)空值時,點擊按鈕還是不會跳轉(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>
相關(guān)文章
javascript設(shè)計模式 – 訪問者模式原理與用法實例分析
這篇文章主要介紹了javascript設(shè)計模式 – 訪問者模式,結(jié)合實例形式分析了javascript訪問者模式基本概念、原理、用法及操作注意事項,需要的朋友可以參考下2020-04-04使用egg.js實現(xiàn)手機(jī)、驗證碼注冊的項目實踐
本文主要介紹了使用egg.js實現(xiàn)手機(jī)、驗證碼注冊的項目實踐,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04

JavaScript實現(xiàn)獲取最近7天的日期的方法詳解

詳解JavaScript中Hash Map映射結(jié)構(gòu)的實現(xiàn)

詳解多頁應(yīng)用 Webpack4 配置優(yōu)化與踩坑記錄