html 按鈕跳轉問題(及其相關)


 

1.點擊一個按鈕跳轉到另一個頁面 (網址)   兩種寫法:

   <button onclick="{location.href='location.html'}">獲取現在的位置</button> 

<input type="button" value="go" onclick="location.href='http://www.aseoe.com'">

2.如果想彈出一個確認框之后再跳轉   

                                  直接加代碼 if(confirm('確定跳轉?')) 

<button onclick="{ if(confirm('確定跳轉?'))location.href='body/location.html'}">獲取現在的位置</button>

<input type="button" value="go" onclick="if(confirm('確定跳轉?')){location.href='

http://www.aseoe.com'}">

3.打開網頁時自動觸發按鈕的單擊事件
在<body>里加一個onload="abc()"的屬性就行了

                     <head>
                        <script type="text/javascript">
                               function abc(){
                                   alert("onload");
                                                    }
                       </script>
                     </head>
                        <body onload="abc()">
                        </body>

4. asp跳轉

     如果是在ASP.net中,雙擊按鈕,就可以進入后台頁面,然在在后台頁面寫跳轉代碼 Response.Redirect("你想要跳轉的網頁");
     如果在html中,可以寫一個form,指定你要跳轉到的頁面,當然這個按鈕要這個form里面

     例如:<form action="你要跳到的地址" method="post" >        </form>

5. button 與 submit  的不同

    type=button 就單純是按鈕功能
    type=submit 是發送表單
但是對於從事WEB UI的人應該要注意到,使用submit來提高頁面易用性:
使用submit后,頁面支持鍵盤enter鍵操作,而很多WEB軟件設計師,可能沒有注意到submit統一.

用button后往往頁面不支持enter鍵了。所以需要支持enter鍵,必須要設置個submit,默認enter鍵對頁面第一個submit進行操作。

****************************************************
<input type="submit" name="b1" value="提交" onClick="bt_submit_onclick()">

執行完onClick,轉到action。可以自動提交不需要onClick。onclick這里可以不要。

 

<input type="button" name="b1" value="提交" onClick="bt_submit_onclick()">
執行完onClick,跳轉文件在 js文件里控制。提交需要onClick。


比如:1,onclick="form1.action='a.jsp';form1.submit();" 這樣就實現了submit的功能了。
2. <form name="form1" method="post" action="http://www.meijus.com">
<input type="button" name="Button" value="Button" onClick="submit()"> </form>
3. <input type="button" name="Button" value="Button" onClick="javascript:windows.location.href="你的url"">

 

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

 

         <input type="button" name="btn" value="跳轉" onclick="javascript:location.href='index.php'">
         <input type="button" name="btn" value="返回" onclick="javascript:history.back(-1)">

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM