首页 > 解决方案 > history.replaceState() 不起作用，在脚本中</p> </div> <div class="container" id="article"> <div class="page-header"> <h1>javascript - history.replaceState() 不起作用，在脚本中<iframe></h1> </div> <div class="con"> <h3>问题描述</h3> <p>I am creating a addon.</p>
<p>The addon will be expanded in <code><iframe></code>.</p>
<pre><code><div>
 <iframe src="my/add-on/path">
 <!-- my contents is expanded -->
 </iframe>
</div>
</code></pre>
<p>The addon have <code><input></code> parameters (date and time) a button that get and display datas.</p>
<p>Our customer requires</p>
<ul>
<li>Browser's reload button must act as click the button.</li>
</ul>
<p>To solve this, there is some problems.</p>
<ul>
<li>On reload, parent don't open my add-on because my add-on is inside <code><iframe></code> (parent can change contents of <code><iframe></code>). But parent can detect what add-on to open by a URL parameter.</li>
</ul>
<p>To solve this problem, I tried to use history.replaceState() but don't worked like this fiddle.
URL seems to be changed but not change URL inside browser bar.
<a href="https://jsfiddle.net/3ema2yg7/" rel="nofollow noreferrer">https://jsfiddle.net/3ema2yg7/</a></p>
<p>I want to know the way to solve this problem.</p>
<p class="author">标签： <span>javascript</span><span>html</span><span>iframe</span></div> <h3>解决方案</h3> <hr> <div class="con "> <div class="body"> <p>我使用<code>parent.history.replaceState()</code>as解决了这个问题</p> <pre><code>const url = new URL(parent.location.href) url.searchParams.set('key', 'value') parent.history.replaceState({}, '', url) </code></pre> <p>JSfiddle 不起作用，警告<code>from accessing a cross-origin frame.</code>。但我的附加工作。</p> <p>我很满意。</p> </div> <div class="clear"></div> </div> <hr> <h3>推荐阅读</h3> <ul> <li><a href="/question/69755688.html">java - 在编码的 URL 上获取 MalformedURLException</a></li><li><a href="/question/69755689.html">postgresql - prisma $queryRaw 不适用于字符串中的单引号</a></li><li><a href="/question/69755690.html">facebook-graph-api - Facebook Resumable Upload API 中 file_offset 标头的用途是什么？</a></li><li><a href="/question/69755691.html">html - 百分比 'min-height' 仅在元素具有带有 'display: flex' 的间接父级时才有效</a></li><li><a href="/question/69755696.html">python - 如何读取 Python 中给出的输入数量</a></li><li><a href="/question/69755710.html">mongodb - 如何使用golang在mongodb中批量插入</a></li><li><a href="/question/69755712.html">python - 带有 tkinter 的 Windows</a></li><li><a href="/question/69755715.html">flutter - 如何将参数传递给 onInit 方法</a></li><li><a href="/question/69755716.html">sql - 在 SQL 中的特殊字符之后和之前将所有内容作为单独的列获取</a></li><li><a href="/question/69755717.html">javascript - Google表格/应用程序脚本：在特定文件夹中创建新电子表格的功能</a></li> </ul> </div> <footer> <p><a href="/">时间戳在线转换</a></p> </footer> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6117966252207595" crossorigin="anonymous"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?7145e10314e5e27e886ad54be2aeb067"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body></html>