html5 web 按钮跳转方法（及其相关）

我就是我 2024-03-27 18:43 8阅读 0赞

方法一  
<a href="javascript:" οnclick="history.go(-2); ">返回前两页</a>  
方法二  
<a href="javascript:" οnclick="self.location=document.referrer;">返回上一页并刷新</a>  
方法三  
$(".btn").click(function()\{  
window.history.back();  
\});  
//或者直接a标签添加  
<a class="" href="javascript:history.go(-1)">返回</a>

--------------------

1.点击一个按钮跳转到另一个页面 （网址） 两种写法：

<button οnclick="\{location.href='location.html'\}">获取现在的位置</button>

<input type="button" value="go" οnclick="location.href='http://www.aseoe.com'">  
2.如果想弹出一个确认框之后再跳转

直接加代码 if(confirm('确定跳转？'))

<input type="button" value="go" οnclick="if(confirm('确定跳转？'))\{location.href='

[http://www.aseoe.com'][http_www.aseoe.com]\}">

--------------------

3.打开网页时自动触发按钮的单击事件

// 在<body>里加一个οnlοad="abc()"的属性就行了

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

--------------------

1.  asp跳转
    
    如果是在ASP.net中，双击按钮，就可以进入后台页面，然在在后台页面写跳转代码 Response.Redirect("你想要跳转的网页");  
    如果在html中，可以写一个form，指定你要跳转到的页面，当然这个按钮要这个form里面

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

--------------------

1.  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。

//比如：

οnclick="form1.action='a.jsp';form1.submit();" //这样就实现了submit的功能了。

--------------------

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