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

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

<input type="button" value="go" onclick="location.href='http://www.runoob.com">

　　

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

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

<button onclick="{ if(confirm('确定跳转？'))location.href='body/location.html'}">获取现在的位置</button>

<input type="button" value="go" onclick="if(confirm('确定跳转？')){location.href='http://www.runoob.com'}">

　　

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

                     <head>

                        <script type="text/javascript">

                               function abc(){

                                   alert("onload");

                                                    }

                       </script>

                     </head>

                        <body onload="abc()">

                        </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进行操作。

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

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

//比如：
1，onclick="form1.action='a.jsp';form1.submit();" //这样就实现了submit的功能了。

2. <form name="form1" method="post" action="http://www.meijus.com">

<input type="button" name="Button" value="Button" onClick="submit()"> </form>

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

　　

6. 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 按钮跳转问题（及其相关）的更多相关文章

  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. JavaScript学习总结(七)——ECMAScript6（ES6）

    一.ECMAScript概要 ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通 ...

  2. drools决策表的使用

    决策表我们在drools规则引擎初探里做了简单介绍,这里主要是介绍如何通过java代码来把这个excel文件和drools关联起来,如何使其达到我们想要的效果. 这里假设我们在resources目录下 ...

  3. java——有1、2、3、4个数字，能组成多少个互不相同且无重复数字的三位数？都是多少？

    package java_day10; /* * 有1.2.3.4个数字,能组成多少个互不相同且无重复数字的三位数?都是多少? */ public class Demo04 { public stat ...

  4. Linux sed -i 字符串替换

    sed -i 直接替换文件中的内容不输出, 如 将 laravel .env中的 QUEUE_DRIVER=sync 替换为 QUEUE_DRIVER=redis, 在Laravel的项目根目录中运行 ...

  5. 天才ACM

    天才ACM 给定一个整数m,定义一个集合的权值为从这个集合中任意选出m对数(不够没关系,选到尽可能选,凑不成对的舍去),每对数两个数的差的平方的和的最大值. 现在给出一个数列\(\{a_i\}\),询 ...

  6. 用shell脚本执行php删除缓存文件

    <?php #定义删除路径//服务器缓存目录的路径 $path = '/www/wwwroot/****/data/runtime'; #调用删除方法 deleteDir($path); fun ...

  7. csp-s模拟99题解

    题面:https://www.cnblogs.com/Juve/articles/11791219.html 上来先看T1,发现和之前做过的treap一样,是线段树维护单调栈,然后打了一个小时,然后它 ...

  8. LUOGU P4394 [BOI2008]Elect 选举 (背包)

    传送门 解题思路 一眼看上去就像个背包,然后就是\(0/1\)背包改一改,结果发现过不了样例.后来想了一下发现要按\(a\)从大到小排序,因为如果对于一个>=总和的一半但不满足的情况来说,把最小 ...

  9. 有道云笔记新功能发现——有道云笔记剪报，完美解决不开会员保存csdn博客到本地的问题。

    怎么用 方法一:谷歌插件 方法二:http://note.youdao.com/web-clipper-chrome.html 添加到书签 功能: 能够把网页浏览的内容保存到有道云笔记 解决了自己的难 ...

  10. 国外主机如何ICP备案

    想都不要想了,无法备案. 因为,备案是在主机服务器提供商处的备案平台提交申请,国外的主机服务商是没有这种平台服务的.(跟你域名在哪儿买的没关系) 下面,把昨天折腾到半夜的过程记录一下,希望可以帮到需要 ...