PHP——0128練習相關2——js點擊button按鈕跳轉到另一個新頁面

js點擊button按鈕跳轉到另一個新頁面

投稿：whsnow 字體：[增加 減小] 類型：轉載 時間：2014-10-10 我要評論

點擊按鈕怎么跳轉到另外一個頁面呢？點擊圖片要跳轉到新的頁面時，怎么做到呢？可以使用onclick=window.location=新頁面來實現

點擊按鈕怎么跳轉到另外一個頁面呢？我們在網站制作中可能是需要的，因為有時我們需要做這樣的效果，尤其是將按鈕做成一個圖片，而點擊圖片要跳轉到新的頁面時，怎么做到呢？

這樣的效果可以：onclick="window.location='新頁面'" 來實現。

1.在原來的窗體中直接跳轉用

代碼如下

window.location.href="你所要跳轉的頁面";

2、在新窗體中打開頁面用：

代碼如下

window.open('你所要跳轉的頁面');

window.history.back(-1);返回上一頁

代碼如下

<input type="submit" name="Submit" value="同意" onclick=window.open(http://www.jb51.net/)>

如果要在點擊按鈕提交時驗證輸入款是否填入了內容，要怎么做呢？當用戶名輸入或者其它的為空的時候，點擊按鈕不提交，可以按下列的方法做。

代碼如下

<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>

這樣的話，當空值時，點擊按鈕還是不會跳轉到另外的頁面呢？這樣就達到了效果了。

 

JS跳轉頁面參考代碼

代碼如下

第一種：
<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>

＝＝＝＝＝javascript中彈出選擇框跳轉到其他頁面＝＝＝＝＝

<script language="javascript">

<!--

function logout()...{

if (confirm("你確定要注銷身份嗎？是－選擇確定，否-選擇取消"))...{

window.location.href="logout.asp?act=logout"

}

}

-->

</script>

＝＝＝＝＝javascript中彈出提示框跳轉到其他頁面＝＝＝＝＝

<script language="javascript">

<!--

function logout()...{

alert("你確定要注銷身份嗎？");

window.location.href="logout.asp?act=logout"

}

-->

</script>