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