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

学无止境 lv.1

发布时间：2022-10-17 23:34:41 358

相关标签： # html# php

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/

方法一：URL传参（？后面的参数）（去哪儿网笔试题，把URL后面的参数解析为对象）
 
 
 
?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;

文章来源： https://blog.51cto.com/u_14351881/5630280

特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。