jQuery Location是一個(gè)jQuery插件,它提供了對(duì)瀏覽器URL地址的操作。通過(guò)它,我們可以輕松地獲取或修改頁(yè)面URL,并且能夠非常簡(jiǎn)單地實(shí)現(xiàn)頁(yè)面間的跳轉(zhuǎn)。
//獲取當(dāng)前URL var currentUrl = $.location.href(); //將URL修改為http://www.example.com $.location.href('http://www.example.com'); //在當(dāng)前URL后面添加參數(shù) $.location.query('page', '2');
除了直接獲取或修改URL之外,jQuery Location還提供了一些方便的方法。比如:可以通過(guò)$.location.param(name)
方法獲取URL中的某個(gè)參數(shù)值;可以利用$.location.hash(value)
方法獲取或修改URL的hash值。
//獲取當(dāng)前URL的參數(shù)值 var page = $.location.param('page'); //修改URL的hash值 $.location.hash('top');
有了jQuery Location,我們可以輕松地實(shí)現(xiàn)一些有用的功能。比如:當(dāng)用戶在滾動(dòng)頁(yè)面時(shí),將滾動(dòng)的位置保存在URL的hash值中,以便用戶可以立即回到之前的位置;或者在用戶提交表單時(shí),通過(guò)修改URL參數(shù)值,實(shí)現(xiàn)某些功能。
//將頁(yè)面滾動(dòng)位置保存在URL的hash值中 $(window).scroll(function() { var scrollTop = $(this).scrollTop(); $.location.hash(scrollTop); }); //在提交表單時(shí),修改URL的參數(shù)值 $('form').submit(function() { var search = $('input[name=search]').val(); $.location.query('search', search); });
總之,jQuery Location是一個(gè)非常實(shí)用的插件,它可以幫助我們輕松地操作URL,實(shí)現(xiàn)各種有用的功能。如果你還沒有使用它,那就快快嘗試吧!