iframe引用公共页面点击元素后location跳转

近日工作中项目，未引用框架等，创建公共模块引用后，点击其中元素后内容加载到iframe中，原页面未变化，做一下处理

window.parent.location.href = this.href;    在引用的页面写

上面 这样跳转是没什么问题了，后续引发的问题是页面后退会变为iframe地址，这样处理一下

//禁止浏览器后退按钮 == 指定浏览器后退按钮地址
function BanBack(ele) {
//禁止浏览器后退按钮
if (window.history && window.history.pushState) {
    $(window).on('popstate', function () {
        window.history.pushState('forward', null, '#');
        window.history.forward(1);
        if (ele) {//特殊处理后退url地址
            window.location.href = ele;
        }
    });
}
window.history.pushState('forward', null, '#'); //在IE中必须得有这两行
window.history.forward(1);
}

BanBack('https://www.baidu.com/')   // null为不跳转

现在三大框架盛行 基本用不着这些了 日常一些小项目可以用用