Question

我试图在我的html页面之一中输入值，以显示在我的html页面中吗？

我的代码在第一页中如下。

  <div class="resume-input">
    <h3>SUMMARY: </h3>
    <textarea name="Summary" placeholder="If its more than 100 words no one is going to read it" id="textarea" cols="30" rows="10"></textarea>
  </div>

这是我在输入值应显示的页面中的html代码

  <div class="col-md-12">
    <center>
      <h1><div id="summary"></div></h1>
    </center>
  </div>

我的JS看起来像这样

document.querySelector('#button1').addEventListener('click', function(){
  var summary = document.querySelector('#textarea').value;
  var summaryInput = document.querySelector('#summary');
  summaryInput.textContent = summary
  window.location = 'results.html'
})

window.location ='results.html'允许按钮将输入值重定向到具有上一页输入值的另一页。

Answer 1

在按钮上单击，使用

将值存储在localStorage中

t11

，并在加载localStorage.setItem("anyKeyName","here goes the value from textarea")时检索

的值

results.html

还要查看summaryInput.textContent = localStorage.getItem("anyKeyName")

如何使用javascript使输入值显示在其他页面中？

1 个答案: