本文介绍: input type=”buttonname=”Buttonvalue=”ButtononClick=”javascript:windows.location.href=”你的url“”&gt;<input type=&quot;button&quot; value=&quot;go&quot; onclick=&quot;if(confirm('确定跳转

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

方法
<a href=”javascript:” οnclick=”history.go(-2); “&gt;返回前两页</a&gt;
方法
<a href=”javascript:” οnclick=”self.location=document.referrer;”&gt;返回一页刷新</a&gt;
方法三
$(“.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(‘确定跳转?’))

<button οnclick=”{ if(confirm(‘确定跳转?’))location.href=’body/location.html‘}”>位置</button>

<input type=”button” value=”go” οnclick=”if(confirm(‘确定跳转?’)){location.href=’

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=”submitname=”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的功能了。

<form name=”form1″ method=”postaction=”http://www.meijus.com“>
<input type=”button” name=”Button” value=”Button” onClick=”submit()”> </form>

<input type=”button” name=”Button” value=”Button” onClick=”javascript:windows.location.href=”你的url“”>



  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>

五种
<script language=”javascript”>
alert(“非法访问!”);
top.location=’xx.jsp‘;
</script>

<input type=”button” name=”btnvalue=”跳转” οnclick=”javascript:location.href=’index.php‘”>
<input type=”button” name=”btnvalue=”返回” οnclick=”javascript:history.back(-1)”>

原文地址:https://blog.csdn.net/jun_tong/article/details/133940355

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_48864.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注