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

• 前端

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

方法一

返回前两页

方法二

返回上一页并刷新

方法三

$(“.btn”).click(function(){

window.history.back();

});

//或者直接a标签添加

返回

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

2.如果想弹出一个确认框之后再跳转

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

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

http://www.aseoe.com’}”>

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

// 在里加一个οnlοad=”abc()”的属性就行了

                
                    
                           function abc(){
                               alert("onload");
                                                }

  1. asp跳转

    如果是在ASP.net中，双击按钮，就可以进入后台页面，然在在后台页面写跳转代码 Response.Redirect(“你想要跳转的网页”);

    如果在html中，可以写一个form，指定你要跳转到的页面，当然这个按钮要这个form里面

例如:

  1. button 与 submit 的不同

    type=button 就单纯是按钮功能

    type=submit 是发送表单

    但是对于从事WEB UI的人应该要注意到，使用submit来提高页面易用性：

    使用submit后，页面支持键盘enter键操作，而很多WEB软件设计师，可能没有注意到submit统一.

用button后往往页面不支持enter键了。所以需要支持enter键，必须要设置个submit，默认enter键对页面第一个submit进行操作。

// 执行完onClick，转到action。可以自动提交不需要onClick。onclick这里可以不要。

// 执行完onClick，跳转文件在 js文件里控制。提交需要onClick。

//比如：

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

  1. js实现页面跳转的几种方式：

第一种：

window.location.href=”login.jsp?backurl=”+window.location.href;

第二种：

alert(“返回”);

window.history.back(-1);

第三种：

window.navigate(“top.jsp”);

第四种：

self.location=’top.htm’;

第五种：

alert(“非法访问！”);

top.location=’xx.jsp’;

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/41d1627c16.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐