HTML页面跳转到另一个界面了但是URL不变比说 http127001 我请求 http127001下面的uphtml网页上的url还是 http127001结合下面的代码使用iframe实现给我具体的代码div class=Polaris-Stack Polaris-Stack--distributionEqualSpacing Polaris-Stack--alignmentCenter
<p>要使用<iframe>实现页面跳转而URL不变,可以将要跳转的页面嵌套在<iframe>标签中。具体的代码如下:</p>
<pre><code class="language-html"><div class="Polaris-Stack Polaris-Stack--distributionEqualSpacing Polaris-Stack--alignmentCenter" style="margin-top: 1px;border-bottom: 1px #c1c1c1 solid;padding: 5px;">
<div class="Polaris-Stack__Item">
<div class="Polaris-Stack Polaris-Stack--spacingTight Polaris-Stack--alignmentCenter">
<div class="Polaris-Stack__Item">
<div class="sc-1ibht3l-0 uqRZq"></div>
<div class="sc-1ibht3l-1 hIZedH">
<div class="Polaris-ButtonGroup">
<div class="Polaris-ButtonGroup__Item">
<a data-polaris-unstyled="true" class="Polaris-Button" href="index.html" target="my-iframe">
<span class="Polaris-Button__Content">
<span class="Polaris-Button__Text">Dashboard</span>
</span>
</a>
</div>
<div class="Polaris-ButtonGroup__Item">
<a data-polaris-unstyled="true" class="Polaris-Button" href="zone.html" target="my-iframe">
<span class="Polaris-Button__Content">
<span class="Polaris-Button__Text">Checkout Zones</span>
</span>
</a>
</div>
<div class="Polaris-ButtonGroup__Item">
<a data-polaris-unstyled="true" class="Polaris-Button" href="funnel.html" target="my-iframe">
<span class="Polaris-Button__Content">
<span class="Polaris-Button__Text">Funnels</span>
</span>
</a>
</div>
<div class="Polaris-ButtonGroup__Item">
<a data-polaris-unstyled="true" class="Polaris-Button" href="help.html" target="my-iframe">
<span class="Polaris-Button__Content">
<span class="Polaris-Button__Text">Help Center</span>
</span>
</a>
</div>
<div class="Polaris-ButtonGroup__Item">
<div>
<button type="button" id="moreSeting" class="Polaris-Button" tabindex="0" aria-controls="Popover486" aria-owns="Popover486" aria-haspopup="true" aria-expanded="false">
<span class="Polaris-Button__Content">
<span class="Polaris-Button__Text">More</span>
<span class="Polaris-Button__Icon">
<span class="Polaris-Icon">
<svg viewBox="0 0 20 20" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true">
<path d="M5 8l5 5 5-5z" fill-rule="evenodd"></path>
</svg>
</span>
</span>
</span>
<div id="dropdownContent" class="dropdown-content">
<a href="payment.html" target="my-iframe">Payment</a>
<a href="facebookPixel.html" target="my-iframe">Pixel</a>
</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<iframe name="my-iframe" src="http://127.0.0.1/" frameborder="0" style="width:100%; height:100%;"></iframe>
</code></pre>
<p>在上面的代码中,我为每个链接添加了<code>target="my-iframe"</code>属性,这样点击链接时,页面会在名为<code>my-iframe</code>的<iframe>中打开。并且我在代码的最后添加了一个<iframe>标签,用于展示页面内容。将该代码放在HTML页面的合适位置即可实现在<iframe>中跳转页面而URL不变</p>
原文地址: https://www.cveoy.top/t/topic/inru 著作权归作者所有。请勿转载和采集!