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

  1. <button onclick="{location.href='location.html'}">获取现在的位置</button>
  2.  
  3. <input type="button" value="go" onclick="location.href='http://www.runoob.com">

  

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

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

  1. <button onclick="{ if(confirm('确定跳转?'))location.href='body/location.html'}">获取现在的位置</button>
  2.  
  3. <input type="button" value="go" onclick="if(confirm('确定跳转?')){location.href='http://www.runoob.com'}">

  

  1. 3.打开网页时自动触发按钮的单击事件
  1. // 在<body>里加一个onload="abc()"的属性就行了
  2. <head>
  3. <script type="text/javascript">
  4. function abc(){
  5. alert("onload");
  6. }
  7. </script>
  8. </head>
  9. <body onload="abc()">
  10. </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进行操作。

****************************************************

  1. <input type="submit" name="b1" value="提交" onClick="bt_submit_onclick()">
  2. //执行完onClick,转到action。可以自动提交不需要onClick。onclick这里可以不要。
  3.  
  4. <input type="button" name="b1" value="提交" onClick="bt_submit_onclick()">
  5. //执行完onClick,跳转文件在 js文件里控制。提交需要onClick。
  6.  
  7. //比如:
    1,onclick="form1.action='a.jsp';form1.submit();" //这样就实现了submit的功能了。
  8. 2. <form name="form1" method="post" action="http://www.meijus.com">
  9. <input type="button" name="Button" value="Button" onClick="submit()"> </form>
  10. 3. <input type="button" name="Button" value="Button" onClick="javascript:windows.location.href="你的url"">

  

6. js实现页面跳转的几种方式:

  1. //第一种:
  2. <script language="javascript" type="text/javascript">
  3. window.location.href="login.jsp?backurl="+window.location.href;
  4. </script>
  5. //第二种:
  6. <script language="javascript">
  7. alert("返回");
  8. window.history.back(-1);
  9. </script>
  10. //第三种:
  11. <script language="javascript">
  12. window.navigate("top.jsp");
  13. </script>
  14. //第四种:
  15. <script language="JavaScript">
  16. self.location='top.htm';
  17. </script>
  18. //第五种:
  19. <script language="javascript">
  20. alert("非法访问!");
  21. top.location='xx.jsp';
  22. </script>
  23.  
  24. <input type="button" name="btn" value="跳转" onclick="javascript:location.href='index.php'">
    <input type="button" name="btn" value="返回" onclick="javascript:history.back(-1)">

  

html 按钮跳转问题(及其相关)的更多相关文章

  1. PHP——0128练习相关2——js点击button按钮跳转到另一个新页面

    js点击button按钮跳转到另一个新页面 投稿:whsnow 字体:[增加 减小] 类型:转载 时间:2014-10-10我要评论 点击按钮怎么跳转到另外一个页面呢?点击图片要跳转到新的页面时,怎么 ...

  2. 使用Android点击按钮跳转页面

    1.首先新建一个Android工程,命名为MyApp(名字可以自己随意起); 2.以原有的MainActivity.java文件为登录界面,然后在src文件中的包上面右击选择New目录下的Other中 ...

  3. 关于自定义tabBar时修改系统自带tabBarItem属性造成的按钮顺序错乱的问题相关探究

      关于自定义tabBar时修改系统自带tabBarItem属性造成的按钮顺序错乱的问题相关探究 测试代码:http://git.oschina.net/Xiyue/TabBarItem_TEST 简 ...

  4. .net 后台中对html标签按钮跳转后台以及后台简单验证

    ---------------------------------学霸,学神,大牛,hacker请绕道de分割线-------------------------------------------- ...

  5. Android中使用Intent的Action和Data属性实现点击按钮跳转到拨打电话和发送短信

    场景 点击拨打电话按钮,跳转到拨打电话页面 点击发送短信按钮,跳转到发送短信页面 注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程 ...

  6. 在tap的碎片上与活动进行绑定实现点击事件(日期时间选择以及按钮跳转时间)

    主要是掌握怎样在Fragment类型的.java文件中实现对于文本框或者按钮点击事件的触发操作. 相应的出发时间都是之前的代码.主要是怎样在Fragment怎样实现相应的操作主要是对于getActiv ...

  7. js点击button按钮跳转到页面代码

    点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,怎么做到呢? 这样的效果可以:onclick=&q ...

  8. js点击button按钮跳转到另一个新页面

    点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,怎么做到呢? 这样的效果可以:onclick=&q ...

  9. iOS之点击通知栏跳转应用的相关页面

    当远程推送通知到达应用,有3个相关的方法是用来处理这个通知的. - (BOOL)application:(UIApplication *)application didFinishLaunchingW ...

随机推荐

  1. 批量调用百度地图API获取地址经纬度坐标

    1 申请密匙 注册百度地图API:http://lbsyun.baidu.com/index.php?title=webapi 点击左侧 “获取密匙” ,经过填写个人信息.邮箱注册等,成功之后在开放平 ...

  2. iOS开发系列-HTTPS

    HTTPS 网景在1994年创建了HTTPS,并应用在网景导航者浏览器中. 最初,HTTPS是与SSL一起使用的:在SSL逐渐演变到TLS. HTTPS协议与HTTP协议的一些不同: http是超文本 ...

  3. 查看ubuntu系统的版本信息

    显示如下 Linux version 4.10.0-28-generic (buildd@lgw01-12) linux内核版本号 gcc version 5.4.0 20160609 gcc编译器版 ...

  4. Python学习笔记(四)——文件永久存储

    文件的永久存储 pickle模块的使用 pickle的实质就是将数据对象以二进制的形式存储 存储数据 pickle.dump(data,file) data表示想要存储的数据元素,file表示要将数据 ...

  5. vue 挂载点 实例 模板

    挂载点:vue实例 里面的el属性 对应的 id 所在的dom节点 模板:指的是挂载点内部的内容           模板可以写在挂载点内部           也可以写在属性里面 demo < ...

  6. 网页存储倒计时与解决网页cookie保存多个相同key问题

    短信倒计时多用网页临时存储,这可以保证网页在关闭状态也可记时. <p class="test_button" id="getcode">获取验证码& ...

  7. STM32硬件错误HardFault_Handler的处理方法

    https://blog.csdn.net/electrocrazy/article/details/78173558

  8. 小程序修改默认的radio样式

    1.wxml: <radio-group class="radio-group" bindchange="radioChange"> <vie ...

  9. 命令学习_IPCONFIG: DNS cache操作

    IPCONFIG: DNS cache操作 Windows会将解析到的DNS信息缓存,这个机制可以加速重复的域名访问.从DNS Server返回的DNS Response消息中带有"Time ...

  10. VS2010-MFC(常用控件:列表视图控件List Control 下)

    转自:http://www.jizhuomi.com/software/197.html 上一节是关于列表视图控件List Control的上半部分,简单介绍了列表视图控件,其通知消息的处理和有关结构 ...