iframe + hash实现前进后退的问题

Question

export function init(){

    

    $('.c-nav-wrapper').on('click','li',function(){

         $('.c-footer').hide();

         var target = $(this).attr('data-url'); //data-url = "/地址"

         if(target){

              location.href = '/#' + $(this).data('url');

         };

 

    });

    window.onhashchange = function(){

        var hash = location.hash;

        hash = hash.substring(1,hash.length);

        $('#ifm').attr('src', hash + '.html');

        console.log(history);

    }

}

我这样写为什么还会出现点击两次后退才能回退的问题？请问我哪里错了？谢谢各位