onhashchange

来源:互联网 发布:淘宝网鞋子帆布鞋 编辑:程序博客网 时间:2024/05/17 20:23
<div id="set"></div><div id="home"></div>

设置锚点

<a href=""></a><a href="#home"></a>

点击a链接url尾部出现#home时实现相应功能

        $(document).ready(function () {            window.onhashchange=hashChange;        })        function hashChange() {            if(!location.hash || location.hash==""){                //通过css的控制,让id为home的div区域会显示,id为 set的区域会隐藏                // 也可在这里利用ajax到服务器获取数据,更新页面            }            else if(location.hash=="#home"){                //通过css的控制,让id为set的div区域会显示,id为 home的区域会隐藏                // 也可在这里利用ajax到服务器获取数据,更新页面            }        }
0 0
原创粉丝点击