js點擊button按鈕跳轉到頁面代碼

 

www.111cn.net 編輯:smoke 來源:轉載

在網頁中button按鈕不具備a標簽的屬性了，如果我們要給button 按鈕增加跳轉事件我們可以在它的確onclick事件上點擊跳轉js來實現，下面我來給大家介紹一些常用的方法。

 

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

這樣的效果可以：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.111cn.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>