HTML5之button跳转

编程入门 行业动态 更新时间:2024-10-13 10:30:17

HTML5之button<a href=https://www.elefans.com/category/jswz/34/1769274.html style=跳转"/>

HTML5之button跳转

1.点击一个按钮跳转到另一个页面 (网址) 两种写法:

获取现在的位置

2.如果想弹出一个确认框之后再跳转 直接加代码 if(confirm('确定跳转?'))

获取现在的位置

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

’}">

3.打开网页时自动触发按钮的单击事件
在里加一个οnlοad="abc()"的属性就行了

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

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

    例如:

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

比如:1,οnclick=“form1.action=‘a.jsp’;form1.submit();” 这样就实现了submit的功能了。
2.

3. <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="btn" value="跳转" onclick="javascript:location.href='index.php'"><input type="button" name="btn" value="返回" onclick="javascript:history.back(-1)">

作品借鉴:.html

更多推荐

HTML5之button跳转

本文发布于:2024-03-05 20:18:08,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1713296.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:跳转   button

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!