页面跳转三种方式

项目中经常需要进行跳转操作,然后不同的业务场景有不同的需求,下面我列出自己项目中用到的三种场景:

1、通过html标签进行跳转(最简单的方式)

[html]  view plain  copy
  1. <a  href="http://blog.csdn.net/cl05300629">伫望碧落的博客</a>  

2、通过按钮实现页面跳转

[html]  view plain  copy
  1. <input  type="button" value="跳转到伫望碧落的博客"  onclick="window.location.href="http://blog.csdn.net/cl05300629}">  

3、通过js实现页面跳转

(1)、在body中添加一个按钮或者其他的html标签,用来调用js方法:

[html]  view plain  copy
  1. <input type="button" value="跳转到伫望碧落的博客"  onclick="direct()">  

(2)、创建一个js方法:

[html]  view plain  copy
  1. <script type="text/javascript">  
  2.     function direct(){  
  3.         window.location.href="http://blog.csdn.net/cl05300629";  
  4.     }  
  5. </script>  

第一种方式用于没有要求的直接跳转,第二种用来在需要进行按钮操作跳转的页面,第三种可以对跳转附加跳转条件。
  • 11
    点赞
  • 58
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值