HTML页面之间跳转与传值（JS代码）

跳转的方法如下：

方法一：

window.location.href = "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代码）相关推荐

Ionic创建页面以及页面之间跳转、页面添加返回按钮、新增底部页面
场景 Ionic介绍以及搭建环境.新建和运行项目: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106308166 在上面搭建起 ...
页面之间跳转传参数不使用cookie和url的方法,sessionStorage,localStorage
页面之间跳转传参数不使用cookie和url的方法,sessionStorage,localStorage 刚步入工作不久的小白,最近在做一个传感器网站项目的时候是用cookie存取数据,因为网站面向 ...
手机访问www如何自动跳转到m js代码实现
手机访问www如何自动跳转到m js代码放到index.html 首页页面 <script>if(navigator.platform.indexOf('Win32')!=-1){ //p ...
怎样使页面加载完再执行js代码
怎样使页面加载完再执行js代码由于HTML页面的加载顺序是从上到下,所以js代码要写在页面靠下的位置,否则可能会发生元素获取不到的问题,为了避免这种情况,可以通过页面元素加载完之后,再执行js代码, ...
小程序页面之间跳转的方式
先导我们Activity和Fragment都有栈的概念在里面,微信小程序页面也有栈的概念在里面.微信小程序页面跳转有四种方式: wx.navigateTo(OBJECT) wx.redirectTo ...
页面之间跳转、新打开窗口跳转
页面之间进行跳转 //code为传递的参数,以&进行参数拼接 window.location.href = "http://58.56.27.54:38102/bi/Viewer?c ...
js html body onload,动态添加页面body OnLoad事件的简单js代码
代码如下: /** * 动态添加页面onload事件 * Edit www.jbxue.com */ if (window.attachEvent) { window.attachEvent(&quo ...
html页面之间跳转失败,js跳转到上一页面失败的解决方法
解决方法: 只能想办法记录到页面回传的次数N了,然后使用history.go(-n),便可以回到a.html页面了. 这里强高一下history.go(-n),可以灵活控制跳转回页面的次数哦. 在b. ...
ios俩个APP之间跳转、传值
两个APP之间的跳转是通过[[UIApplication sharedApplication] openURL:url]这种方式来实现的. 1.首先设置第一个APP的url地址 2.接着设置第二个AP ...

HTML页面之间跳转与传值（JS代码）

HTML页面之间跳转与传值（JS代码）相关推荐

最新文章

热门文章