在做web开发中,页面跳转的方式有很多种,然而有些时候这些跳转如何用到恰到好处却很容易被忽视。
客户端触发跳转有如下几种
使用meta元信息
2.使用javascript中的window.location对象
//修改window.location.href
window.location.href ='http://my.oschina.net/ososchina/blog';
//替换url,注意这种方式有时并不是有效的,需要强制reload才行
//window.location.replace('http://my.oschina.net/ososchina/blog');
//window.location.reload(true);
//修改window导航
//window.navigate ('http://my.oschina.net/ososchina/blog')
;
补充一点:在html5中,利用新的api实现前端页面mvc的跳转也是一种不错的方式(注意:服务端不跳转),利用这种方式可以实现前端MVC开发
var state = {
action : "page",
title : "HTML 5 History API simple demo",
url : "yourpage"
};
history.pushState(state, "HTML 5 History API simple demo", state.url);
window.onpopstate = function (e) {
switch (e.state.action) {
case "home" :
document.title = "HOME ……";
$.get("index.php").done(function (data) { $("#wrapper").html(data); });
break;
case "page" :
document.title = e.state.title;
$.get(e.state.url).done(function (data) { $("#wrapper").html(data); });