Question

我创建了一个网站，我在其中使用ajax加载页面。我用pushstate方法来改变url。当我遍历网站然后点击后退按钮时没有任何反应。现在，当我安装AdBlock时，一切正常。网站在chrome上工作正常。

$(document).on('ready readyAgain', function () {
function ChangeUrl(title, url) {
    if (typeof (history.pushState) != "undefined") {
         var obj = { Title: title, Url: url };
         history.pushState(obj, obj.Title, obj.Url);
    } else {
        alert("Browser does not support HTML5.");
    }
}

function loadPrevPage(ajax_url) {

    $.ajax({
        url: ajax_url,
        type: "GET",
        dataType: "html"
    }).done(function (data, textStatus, jqXHR) {
       var $divToFind = $($.parseHTML(jqXHR.responseText)).filter("#radio-main-wrapper");
        $('#radio-main-wrapper').html($($divToFind).html());
        var reponse = jQuery(jqXHR.responseText);
        var reponseScript = reponse.find(".all_wrapper script");
        jQuery.each(reponseScript, function (idx, val) {
            var parent_div = $(this).parent();
            window.ad_div = parent_div[0];
            if (val.text === "") {
                var src = val.src;
                $.getScript(src);
            } else {
                $.globalEval(val.text);
            }

        });
       $(document).trigger('readyAgain');
    }).fail(function (jqXHR, textStatus, errorThrown) {

    });
}

window.onpopstate = function (e) {
    loadPrevPage(location.pathname);
}

$("body a").click(function (e) {
    e.preventDefault();
       ChangeUrl('', ajax_url);
         $.ajax({
                    url: ajax_url,
                    type: "GET",
                    dataType: "html"
                }).done(function (data, textStatus, jqXHR) {
                  var $divToFind = $($.parseHTML(jqXHR.responseText)).filter("#radio-main-wrapper");
                    $('#radio-main-wrapper').html($($divToFind).html());
                    var reponse = jQuery(jqXHR.responseText);
                    var reponseScript = reponse.find(".all_wrapper script");
                    jQuery.each(reponseScript, function (idx, val) {
                        var parent_div = $(this).parent();
                        window.ad_div = parent_div[0];
                        if (val.text === "") {
                            var src = val.src;
                            $.getScript(src);
                        } else {
                            $.globalEval(val.text);
                        }
                    });
                    $(document).trigger('readyAgain');
                }).fail(function (jqXHR, textStatus, errorThrown) {

                });
    });
});

你可以在这里查看代码 - http://www.planetradiocity.com/popstate/

当我去test1或test3时，我将不得不两次点击后退按钮。

Answer 1

每次浏览器加载Google广告时，它都会将页面推送到历史记录对象中。您可以尝试在iframe中加载Google广告。

Firefox后退按钮与谷歌广告无法正常工作

1 个答案: