首页 > 代码库 > HTML页面之间跳转与传值（JS代码）
HTML页面之间跳转与传值（JS代码）
跳转的方法如下：
方法一：
window.location.href = "http://www.mamicode.com/b.html";
方法二（返回上一个页面，这个应该不算，先放在这）：
window.history.back(-1);
方法三：
self.location = "b.html";
方法四：
top.location = "b.html";
有关问题的思考：
第一，为什么给window.location和window.location.href赋值时一样的，都可以跳转？
思考：
location 是 location.href 的簡寫，無論是訪問 值 還是賦值。
從功能上，location 等於 location.href；
但從本體論上，location 是一個對象，location.href 是它的一個屬性。
這種怪異的行爲應該是爲了兼容無疑
第二，给location赋值的时候，如果跳转的页面不是在同一个目录下，需要把完整的URL写上。如：当前location.href为https://www.google.com/ ，如果要跳转到https://www.baidu.com/, 就不能只是www.baidu.com,必须把URL写完整。
传值的方法如下：
方法一：URL传参（？后面的参数）（去哪儿网笔试题，把URL后面的参数解析为对象）
window.location.href = "https://www.google.com/search?q=hello&oq=hello"
function parseURL(url){
var url = url.split("?")[1];
var para = url.split("&");
var len = para.length;
var res = {};
var arr = [];
for(var i=0;i<len;i++){
arr = para.split("=");
res[arr[0]] = arr[1];
}
return res;
}
方法二：cookie传参
function setCookie(cname,cvalue,exdays){
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires=" + d.toUTCString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname){
var name = cname + "=";
var ca = document.cookie.split(";");
for(var i=0;i<ca.length;i++){
var c = ca[i];
while(c.charAt(0)==‘ ‘){
c = c.substring(1);
}
if(c.indexof(cname) == 0){
return c.substring(name.length,c.length);
}
}
return "";
}
方法三：H5中Web Storage中的localStorage对象
localStorage.setItem("lastname","lu");
或者
localStorage.lastname = "lu";
localStorage.getItem("lastname");
或者
localStorage.lastname;
HTML页面之间跳转与传值（JS代码）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。