如何从1个页面传递localstorage项目并在下一页附加到iframe网址?

时间:2018-12-18 21:09:05

标签: javascript iframe local-storage

我正在尝试从文本输入中传递本地存储项,并将该值附加到下一页的iframe网址上。该iframe来自其他网站,而不是托管在我的网站上,所以我想知道这是问题所在吗?这是我的代码供参考:

第1页:

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

第2页:

<script type="text/javascript">
var address = localStorage.getItem('address');
</script>
<iframe width="100%" height="510" src="http://test.com/iframe + 
'localStorage.getItem('address')'"></iframe>

0 个答案:

没有答案