html 按钮跳转问题(及其相关)
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 按钮跳转问题(及其相关)的更多相关文章
- PHP——0128练习相关2——js点击button按钮跳转到另一个新页面
js点击button按钮跳转到另一个新页面 投稿:whsnow 字体:[增加 减小] 类型:转载 时间:2014-10-10我要评论 点击按钮怎么跳转到另外一个页面呢?点击图片要跳转到新的页面时,怎么 ...
- 使用Android点击按钮跳转页面
1.首先新建一个Android工程,命名为MyApp(名字可以自己随意起); 2.以原有的MainActivity.java文件为登录界面,然后在src文件中的包上面右击选择New目录下的Other中 ...
- 关于自定义tabBar时修改系统自带tabBarItem属性造成的按钮顺序错乱的问题相关探究
关于自定义tabBar时修改系统自带tabBarItem属性造成的按钮顺序错乱的问题相关探究 测试代码:http://git.oschina.net/Xiyue/TabBarItem_TEST 简 ...
- .net 后台中对html标签按钮跳转后台以及后台简单验证
---------------------------------学霸,学神,大牛,hacker请绕道de分割线-------------------------------------------- ...
- Android中使用Intent的Action和Data属性实现点击按钮跳转到拨打电话和发送短信
场景 点击拨打电话按钮,跳转到拨打电话页面 点击发送短信按钮,跳转到发送短信页面 注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程 ...
- 在tap的碎片上与活动进行绑定实现点击事件(日期时间选择以及按钮跳转时间)
主要是掌握怎样在Fragment类型的.java文件中实现对于文本框或者按钮点击事件的触发操作. 相应的出发时间都是之前的代码.主要是怎样在Fragment怎样实现相应的操作主要是对于getActiv ...
- js点击button按钮跳转到页面代码
点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,怎么做到呢? 这样的效果可以:onclick=&q ...
- js点击button按钮跳转到另一个新页面
点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,怎么做到呢? 这样的效果可以:onclick=&q ...
- iOS之点击通知栏跳转应用的相关页面
当远程推送通知到达应用,有3个相关的方法是用来处理这个通知的. - (BOOL)application:(UIApplication *)application didFinishLaunchingW ...
随机推荐
- 批量调用百度地图API获取地址经纬度坐标
1 申请密匙 注册百度地图API:http://lbsyun.baidu.com/index.php?title=webapi 点击左侧 “获取密匙” ,经过填写个人信息.邮箱注册等,成功之后在开放平 ...
- iOS开发系列-HTTPS
HTTPS 网景在1994年创建了HTTPS,并应用在网景导航者浏览器中. 最初,HTTPS是与SSL一起使用的:在SSL逐渐演变到TLS. HTTPS协议与HTTP协议的一些不同: http是超文本 ...
- 查看ubuntu系统的版本信息
显示如下 Linux version 4.10.0-28-generic (buildd@lgw01-12) linux内核版本号 gcc version 5.4.0 20160609 gcc编译器版 ...
- Python学习笔记(四)——文件永久存储
文件的永久存储 pickle模块的使用 pickle的实质就是将数据对象以二进制的形式存储 存储数据 pickle.dump(data,file) data表示想要存储的数据元素,file表示要将数据 ...
- vue 挂载点 实例 模板
挂载点:vue实例 里面的el属性 对应的 id 所在的dom节点 模板:指的是挂载点内部的内容 模板可以写在挂载点内部 也可以写在属性里面 demo < ...
- 网页存储倒计时与解决网页cookie保存多个相同key问题
短信倒计时多用网页临时存储,这可以保证网页在关闭状态也可记时. <p class="test_button" id="getcode">获取验证码& ...
- STM32硬件错误HardFault_Handler的处理方法
https://blog.csdn.net/electrocrazy/article/details/78173558
- 小程序修改默认的radio样式
1.wxml: <radio-group class="radio-group" bindchange="radioChange"> <vie ...
- 命令学习_IPCONFIG: DNS cache操作
IPCONFIG: DNS cache操作 Windows会将解析到的DNS信息缓存,这个机制可以加速重复的域名访问.从DNS Server返回的DNS Response消息中带有"Time ...
- VS2010-MFC(常用控件:列表视图控件List Control 下)
转自:http://www.jizhuomi.com/software/197.html 上一节是关于列表视图控件List Control的上半部分,简单介绍了列表视图控件,其通知消息的处理和有关结构 ...