Javascript firefox中的Iframe内容为空_Javascript_Jquery

Javascript firefox中的Iframe内容为空

javascript jquery

Javascript firefox中的Iframe内容为空,javascript,jquery,Javascript,Jquery,阅读前信息：这段代码是用vanilla js/jquery编写的我有一个包含无限产品的产品列表页面，我想向下滚动一点，单击一个产品，转到该产品详细信息页面，当我单击浏览器后退按钮时，它会将我发送到列表页面，与我滚动的高度相同。因此，在没有跟踪状态的框架的情况下进行设置基本上是一种痛苦我已经设法为此获得了一个POC，在产品详细信息内容页面中添加了一个iframe，并将其放在页面的“顶部”。但是，这在Firefox中不起作用。有人知道为什么吗我认为这是一个z指数问题，但是iframe的主体是空

阅读前信息：这段代码是用vanilla js/jquery编写的

我有一个包含无限产品的产品列表页面，我想向下滚动一点，单击一个产品，转到该产品详细信息页面，当我单击浏览器后退按钮时，它会将我发送到列表页面，与我滚动的高度相同。因此，在没有跟踪状态的框架的情况下进行设置基本上是一种痛苦

我已经设法为此获得了一个POC，在产品详细信息内容页面中添加了一个iframe，并将其放在页面的“顶部”。但是，这在Firefox中不起作用。有人知道为什么吗

我认为这是一个z指数问题，但是iframe的主体是空的。这是Firefox中的iframe：

<iframe id="productDetails" class="ProductDetailsFrame js-product-details-frame" src="http://localhost:3000/ProductDetailPage.html?productId=1888" scrolling="yes" frameborder="0">
  #document
  <html>
    <head></head>
    <body></body>
  </html>
</iframe>


#文件

下面是我用来附加iframe的函数：

(...)

function getBaseUrl() {
    var re = new RegExp(/^.*\//);

    return re.exec(window.location.href);
}

(...)

urlRoot = getBaseUrl()[0];
productLoadedUrl = urlRoot + 'ProductDetailPage.html?productId=' + productId;

(...)

function addIframe() {
    $('<iframe>', {
        src: productLoadedUrl,
        id:  'productDetails',
        class: 'ProductDetailsFrame js-product-details-frame',
        frameborder: 0,
        scrolling: 'yes'
    }).appendTo($body);
}

（…）
函数getBaseUrl（）{
var re=new RegExp（/^.*\/）；
返回re.exec（window.location.href）；
}
(...)
urlRoot=getBaseUrl（）[0]；
productLoadedUrl=urlRoot+'ProductDetailPage.html？productId='+productId；
(...)
函数addIframe（）{
$('', {
src:productLoadedUrl，
id:“产品详细信息”，
类：“ProductDetailsFrame js产品详细信息框架”，
帧边框：0，
滚动：“是”
}).附于（$正文）；
}