如何将本地存储文本值从一页传递到第二页的iframe网址?

时间:2019-01-22 17:05:11

标签: javascript html iframe local-storage

我有一个基本的文本字段,页面上有一个提交按钮。该字段用于提交位置。我希望能够将通过localstorage输入的值传递到登录页面上的iframe网址中。

这是我在第一页上的代码:

<html>   
  <div id="test" style="text-align:center;">
    <form target="_blank" id="form1">
       <input name="address" type="text" id="address" 
        placeholder="Location" style="border-radius: 5px;"/>
        <input onclick="window.location.href = 'http://test.com/test';" 
         type="Submit" value="GO" style="border-radius: 5px;"/>
    </form>
   </div>
    <script type="text/javascript">
      document.getElementById('form1')
      .addEventListener('submit', function (event) {
      event.preventDefault();
       localStorage.setItem('address', 
       document.getElementById('address').value);
      });
     </script>
 </html>

以下是着陆页上的代码:

<iframe id="test" width="100%" height="510" src="https://www.test.com/go? 
 &address=' + address + 'restofurl.com"></iframe>
 <script type="text/javascript">
 var address = localStorage.getItem('address');
 </script>

有什么想法吗?

0 个答案:

没有答案