qq_35883107 2018-03-21 01:39 采纳率: 0%
浏览 3252
已结题

popstate监控浏览器前进后退，后退时state为null 前进时state却有值

 <body>
        <div id="target">
            <a href="/#/ccc">dianji</a>
        </div>
    </body>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script>
        $("a").click(function(evt) {

            evt.preventDefault(); // 阻止默认的跳转操作
            var uri = $(this).attr('href');
            var newTitle = ajax_Load(uri); // 你自定义的Ajax加载函数，例如它会返回newTitle
            document.title = newTitle; // 分配新的页面标题
            var bbb = document.getElementById("target").innerHTML;
            if(history.pushState) {
                var state = ({
                    url: uri,
                    title: newTitle,
                    bbb: bbb
                });
                document.getElementById("target").innerHTML = "bbb";
                window.history.pushState(state, newTitle, uri);
            } else {
                window.location.href = "#!" + ~fakeURI;
            } // 如果不支持，使用旧的解决方案
            return false;
        });

        function ajax_Load(uri) {
            return "aaa";
        } // 你自定义的ajax函数，例如它会返回newTitle
        window.addEventListener('popstate', function(evt) {
            var state = evt.state;
            console.log(state);
            var newTitle = ajax_Load(state.title); //你自定义的ajax加载函数，例如它会返回newTitle
            document.getElementById("target").innerText= state.bbb;
            document.title = newTitle;

        }, false);
    </script>
  • 写回答

1条回答

报告相同问题？

悬赏问题

  • ¥100 为什么这个恒流源电路不能恒流？
  • ¥15 有偿求跨组件数据流路径图
  • ¥15 写一个方法checkPerson，入参实体类Person，出参布尔值
  • ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题，上传的坐标文件里是怎么对无序点进行编号的，以及xy坐标在处理的时候是进行整体模型分片处理的吗
  • ¥15 CSAPPattacklab
  • ¥15 一直显示正在等待HID—ISP
  • ¥15 Python turtle 画图
  • ¥15 stm32开发clion时遇到的编译问题
  • ¥15 lna设计 源简并电感型共源放大器
  • ¥15 如何用Labview在myRIO上做LCD显示？(语言-开发语言)