jquery将变量传递给下一页以显示图像

时间:2013-09-11 03:25:34

标签: javascript jquery html string variables

我有两个HTML(简称名称为one.html& two.html) 对于two.html,我有一个查询字符串,当url显示two.html?var = 1时,它将显示我在jquery中设置的图像。 two.html sample(不知道为什么不在jsfiddle工作,当本地的代码工作正常时。)

HTML

 <div class="itemabc"><img src="http://s7.postimg.org/7zbcr6ytz/photo1.jpg id="item1" /></div>

Jquery的

      $(document).ready(function(){
    var target = getParameterByName('var');
    if (target == 1) {
      $("#item1").attr("src","http://s7.postimg.org/7zbcr6ytz/photo1.jpg");
    }
    else if (target == 2){
        $("#item1").attr("src","http://s22.postimg.org/v6gqap331/photo2.jpg");
    }

    else if (target == 3){
        $("#item1").attr("src","http://s22.postimg.org/anqfjdejh/photo3.jpg");
    }

    else if (target == 4){
        $("#item1").attr("src","http://s22.postimg.org/75efmzdnh/photo4.jpg");
    }


    else if (target == 5){
        $("#item1").attr("src","http://s22.postimg.org/9pa2h317h/photo5.jpg");
    }

    else {
        $("#item1").attr("src","http://s22.postimg.org/mfeau695p/photo6.jpg");
    }

  });
  function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
    results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
  }

然后,现在我不知道如何将变量发布到two.html, 为什么我这样做,因为我将在one.html上选择几个项目,然后在发送之后,two.html将显示我之前选择的内容。

1 个答案:

答案 0 :(得分:1)

你可以在javascript中从url获取参数

请查看此link