Question

如果很长时间以来一直在寻找stackoverflow，但是我找不到足够详细的答案让我理解。（对不起，我的英语不好。）我想将一个javascript变量保存到搜索栏中的输入中，然后将其传递到另一个页面。这些页面是根据Amazon建模的。第一页称为Verkoopwedstrijd2num1.html，第二页称为Verkoopwedstrijd2num2.html。可以将您提出的代码直接放入我的代码中，因为我已经找到了解决方案，但是我不知道如何实现它们。

第1页

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="Verkoopwedstrijd2.css">
<link href="Verkoopwedstrijd2num2.html">
</head>

  <body>
    <div class="bar">
        <a class="TEXT" href="Verkoopwedstrijd2num1.html">Amazon</a>
        <div class="search-container">
              <input type="text" name="Text"  placeholder="Search" id="SearchBar">
              <button class="Button">Search</button>
        </div>
      </div>
    <div class="ExtraSpace1">
        <button class="left">&lt</button>
        <button class="right">&gt</button>
    </div>
    <div class="ExtraSpace2">
        <div class="ExtraSpaceItem1">
        Willekeurige text om uit te proberen <br> hoe dit werkt. Loet
        </div>
        <div class="ExtraSpaceItem2">

        </div>


        <div class="ExtraSpaceItem3">

        </div>
    </div>
      <script>
          var SearchBarInput = document.getElementById("SearchBar").value;

          window.onload = function() {
           var getInput = prompt(SearchBarInput);
          localStorage.setItem("storageName",getInput);
}

          function myFunction () {
          var x = document.createElement("p");
          var t = document.createTextNode("This is new.");
          x.appendChild(t);
          document.body.appendChild(x);

          var element = document.getElementById("div1");
          element.appendChild(x);
          }
      </script>
  </body>
</html>

第2页


<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="Verkoopwedstrijd2.css">
<link href="Verkoopwedstrijd2num1.html">
</head>

  <body>
    <div class="bar">
        <a class="TEXT" href="Verkoopwedstrijd2num1.html">Amazon</a>
        <div class="search-container">
            <input type="text"   placeholder="Search">
              <button class="Button">Search</button>
        </div>
    </div>
    <div id="div1"><button onclick="myFunction()">Try it</button></div>
<div>
      <ul id="myUL">
  <li><a class="hide">Alah Akbar</a></li>
  <li><a class="hide">A is for</a></li>

  <li><a class="hide">Big chungus</a></li>
  <li><a class="hide">Bitch lasagna</a></li>

  <li><a class="hide">Chungus</a></li>
  <li><a class="hide">Car sans</a></li>
  <li><a class="hide">Comic sans</a></li>
</ul>
</div>
<script>

window.onload = alert(localStorage.getItem("storageName"));

function myFunction() {
  var x = document.createElement("p");
  var t = document.createTextNode("This is new.");
  x.appendChild(t);
  document.body.appendChild(x);

  var element = document.getElementById("div1");
  element.appendChild(x);
}


/*function myFunction() {
    var input, filter, ul, li, a, i, txtValue;
    input = document.getElementById("myInput");
    filter = input.value.toUpperCase();
    ul = document.getElementById("myUL");
    li = ul.getElementsByTagName("li");
    for (i = 0; i < li.length; i++) {
        a = li[i].getElementsByTagName("a")[0];
        txtValue = a.textContent || a.innerText;
        if (txtValue.toUpperCase().indexOf(filter) > -1) {
            li[i].style.display = "";
        } else {
            li[i].style.display = "none";
        }
    }
} */
</script>
  </body>
</html>

如何在没有Jquery的情况下将javascript变量从一个html页面传递到另一个html页面？

0 个答案: