javascript history.pushState无法用于iframe

Question

我想运行一个pushState ，它工作正常，但是当我通过iframe元素加载页面时，它拒绝工作。 这就是我的代码的样子

$('a[href]').click(function){
    newHref = $(this).attr('href');
    history.pushState('', '', newHref);
})

但这是行不通的，请有任何想法如何实现此目标的人吗？

Answer 1

使用history.pushState()更改iframe源页面的网址。 要更改地址栏中的主网址，您必须将其寻址到父网址，因此请使用此网址

window.parent.history.pushState();

Answer 2

您只需要将调用的函数包装在click事件括号中即可。

$('a[href]').click(function(e){
    e.preventDefault();
    newHref = $(this).attr('href');
    history.pushState('', '', newHref);
});