値によってブラウザ

、取得方法は、URLパラメータが運びます

可以通过window.location.search获取url的参数。如下面的示例。

a.html

<a href="a.html?username=zhangsan"></a>

b.html

<script type="text/javascript" src="getUrlParam.js" ></script>
<script type="text/javascript" >
   var a= UrlParam.paramValues("a");
  console.log(a);
</script>

getUrlParam.js

UrlParam = function() { // url参数
  var data, index;    
  (function init() {    
    data = [];    //值,如[["1","2"],["zhangsan"],["lisi"]]
    index = {};   //键:索引,如{a:0,b:1,c:2}
    var u = window.location.search.substr(1);    
    if (u != '') {    
      var params = decodeURIComponent(u).split('&');
      for (var i = 0, len = params.length; i < len; i++) {
        if (params[i] != '') {
          var p = params[i].split("=");
          if (p.length == 1 || (p.length == 2 && p[1] == '')) {// p | p= | =
            data.push(['']);    
            index[p[0]] = data.length - 1;    
          } else if (typeof(p[0]) == 'undefined' || p[0] == '') { // =c 舍弃
            continue;
          } else if (typeof(index[p[0]]) == 'undefined') { // c=aaa    
            data.push([p[1]]);    
            index[p[0]] = data.length - 1;    
          } else {// c=aaa    
            data[index[p[0]]].push(p[1]);    
          }    
        }    
      }    
    }    
  })();    
  return {    
    // 获得参数,类似request.getParameter()    
    param : function(o) { // o: 参数名或者参数次序
      try {    
        return (typeof(o) == 'number' ? data[o][0] : data[index[o]][0]);    
      } catch (e) {    
      }    
    },    
    //获得参数组, 类似request.getParameterValues()    
    paramValues : function(o) { //  o: 参数名或者参数次序
      try {    
        return (typeof(o) == 'number' ? data[o] : data[index[o]]);    
      } catch (e) {}    
    },    
    //是否含有paramName参数
    hasParam : function(paramName) {
      return typeof(paramName) == 'string' ? typeof(index[paramName]) != 'undefined' : false;
    },    
    // 获得参数Map ,类似request.getParameterMap()    
    paramMap : function() {
      var map = {};    
      try {    
        for (var p in index) {  map[p] = data[index[p]];  }    
      } catch (e) {}    
      return map;    
    }    
  }    
}(); 

第二に、クッキーを通じて、転送

cookie 能够存储少量数据到客户端的磁盘中,特定的网页之间是可以共享cookie的数据

a.html

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
<script>
    $.cookie("a","12");
</script>

b.html

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
<script>
var param = $.cookie("a");
    console.log(param);
</script>

第三に、伝統的な価値観とwindow.openいるwindow.openerの間

window.open 可以打开一个新的页面,在新的页面中可以通过window.opener 获取父页面的窗口对象,从而可以获取父窗口中的参数

a.html

<button id="open">打开新的页面</button>
<script>
    $('#open').click(function () {
        window.open('./b.html')
    })
</script>

b.html


<script>
    var content = window.opener.document.getElementById("open").innerHTML;
    alert(content);
</script>

四、H5技術、window.localStorageストアデータ

HTML5では、新しいは、この機能は、主記憶空間クッキー(4kの各記憶空間におけるクッキーのクッキー)のlocalStorage一般的なブラウザの不足の問題を解決するために、ローカルストレージとして使用するために使用されるのlocalStorage機能に参加しサポートは5Mサイズであり、これのlocalStorageは、別のブラウザでは異なるであろう。このメソッドは、クッキーに似て、値渡しページ間を達成するために、公共の場所のデータが存在します。

a.html

<input type="text" name="username" />
<input type="button" name="" value="post" onclick="set()"/>
<script>
    function set() {
        //由于是一个新的技术,你可以通过下面的代码检测你的浏览器是否支持
        if (window.localStorage) {
            //存储变量的值
            localStorage.name = document.all.username.value;
            location.href = './b.html';
        } else {
            alert("NOT SUPPORT");
        }
    }

</script>

b.html

<script>
    var value = localStorage["name"];
    alert(value);
</script>

概要

別の解決策について、利点と欠点があります

パラメータを運ぶ1.url

長所:ページを共有するのに役立ちます簡単な値、クロスドメイン、ノー環境規制。
短所:lengthパラメータ値を運ぶURLが限られています。>

2.cookieの道

利点:相同なアクセスの任意のページには、データの保存期間を自由に設定することができます。
短所:長さの制限があります。>

3.ウィンドウ間の親子関係を設定します。

長所:簡単いるwindow.openerポイント値として長い親ウィンドウとしてだけでなく、すべてのオブジェクトにアクセスできる値は、親ウィンドウ値、無制限の長さに方法はさらに、アクセスにアクセスすることができます....
短所:関係の有無に2つのウィンドウがwindow.open開いているウィンドウを使用することです。ないドメイン間。>

4.h5技術、window.localStorageストレージ番号

利点:そこ収納スペース、収納スペース5M。
デメリット:すべてのブラウザがサポートしています。>

おすすめ

転載: blog.csdn.net/weixin_34409703/article/details/91003446