1. 程式人生 > >js不重新整理頁面,改變url

js不重新整理頁面,改變url

loadpage的時候有對URL Parameter的判斷

瀏覽器視窗有一個history物件,用來儲存瀏覽歷史。

檢查瀏覽器是否支援
if (window.history){
// 支援History API
} else {
// 不支援
}

history物件提供了一系列方法,允許在瀏覽歷史之間移動。

其中包括
history.back();
history.forward();
history.go(0)//重新整理當前頁面;

HTML5為history物件添加了兩個新方法,history.pushState()和history.replaceState(),用來在瀏覽歷史中新增和修改記錄。

都會改變瀏覽器標籤欄中的URL值,區別在於pushState()會將之前的地址記錄在history物件中,通過back()可以返回前一頁,replaceState()則不能返回
我用到的是history.replaceState()

接收三個引數

var shortURL=top.location.href.substring(0,top.location.href.indexOf('?'));
history.replaceState(null,null,shortURL)

相關推薦

js重新整理頁面改變url

loadpage的時候有對URL Parameter的判斷 瀏覽器視窗有一個history物件,用來儲存瀏覽歷史。 檢查瀏覽器是否支援 if (window.history){ // 支援History API } else { // 不支援

ASP中重新整理頁面動態讀取資料庫

1.效果圖:2.源程式1.jsCallASP.asp<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&g

微信圖片上傳相關頁面重新整理頁面時上傳是正常的重新整理後上傳失效

出錯的原因是加了多餘的wx.ready()方法 多讀文件解決問題 解決的程式碼如下: vuex中封裝的方法 /** * 分享操作 * @param {Object} param0 * @param {Object} payload {title:''

點選瀏覽器後退按鈕重新重新整理頁面是從快取中獲取頁面PHP的解決方案

背景:在A頁面中提交表單後,跳轉至結果頁B,在B頁單擊瀏覽器的後退按鈕,回到A頁面時,希望保留上次A頁面的查詢條件。 框架:ThinkPHP 3.2.3 核心程式碼: C('HTTP_CACHE_CONTROL', 'private, max-age=0, no-store, no-

定時閃爍重新整理圖片重新整理頁面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

重新整理頁面js實現文章瀏覽量自動更新

瀏覽次數:<script src="{:U('Show/news_read_count',array('id'=>$Rs['id']))}" type="text/javascript"&

回退上一個頁面時如何保證之前的資料還在即回退時重新整理頁面

最近寫頁面跳轉時遇到一個小問題,頁面A如下: 當點選操作按鈕時進入下面這個頁面, 點選返回,回退到上一個頁面時,如下: 之前選擇好的業務型別本該回顯的,沒了。網上查了一下,是js程式碼的問題,我的js程式碼在回退操作中是這麼寫的                  

html重新整理頁面更新js和圖片

網頁快取Js,css以及圖片導致頁面重新整理無效果的三種解決辦法,如下: 方法一(php頁面新增): 檢視程式碼 列印 1 header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); 2 header(

重新整理頁面改變瀏覽器位址列

在訪問現在很火的google plus時,細心的使用者也許會發現頁面之間的點選是通過ajax非同步請求的,同時頁面的URL發生了了改變。並且能夠很好的支援瀏覽器的前進和後退。不禁讓人想問,是什麼有這麼強大的功能呢? HTML5裡引用了新的API,就是history.pushState和history.rep

使用AJAX方法可以重新整理頁面就從伺服器上獲得資訊(檔案資訊方法資料庫中的資料)

C6.1 傳送請求                                                                                                               說明 $.ajax([url],o

關於解決WMI瀏覽器劫持問題--如果開了殺軟可能打開本頁面因為我貼了劫持指令碼...

這裡只說WMI的解決方法: 先說現象: 通過chrome快捷方式開啟後(包括開始選單和工作列裡的),直接會開啟一個流氓網站 檢視快捷方式發現“目標欄”裡,啟動路徑最後多了那個流氓網站的地址,刪除後,隔一段時間會再被加上去。 ==

使用dropdownlist能實現重新整理頁面的效果具體例子

至少VS2008 sp1 以上 <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> //ASP.NET中使用UpdatePanel實現區域性非同步重新整

Ajax如何實現從前端重新整理頁面就可以到後端取到資料

        提到axaj很多人總說很難,什麼回撥函式呀等等就讓人心煩,其實懂得ajax在js裡面是如何實現向伺服器請求資料的原理,那麼理解ajax也就不是很難了,現在我們一起來看看。          ajax作用:ajax技術的目的是讓javascript傳送http請求,與後臺通訊,獲取資料和資訊。實

非ajax方式提交表單重新整理頁面

Ajax最大的特點就是可以不重新整理頁面而實現資料的通訊及更改頁面資訊。那麼用AJAX進行後臺通訊傳遞字串還是可以的,遇到上傳檔案該怎麼辦呢?基於安全考慮,JS是不能直接進行檔案操作的,只好用原始的from來提交檔案上傳了。這樣一來,用form不就要重新整理頁面了嗎?其實也不是。 這是網上找的一

miniui表格載入時重新整理頁面總有彈出框提示怎麼去掉?

發生原因:頁面重新整理沒有載入完,點選重新整理。出現彈窗404 解決方法:將miniui自帶js   boot.js 中的mini_debugger = true;  改為:mini_debugger = false;  清理瀏覽器快取,問題解決

Django中用Jquery實現重新整理頁面進行身份驗證和計算器功能

1.下載jquery http://www.jq22.com/jquery-info122 下載解壓之後加入工程中的static資料夾中 2.路由分發。 """Django_demo1 URL Configuration The `urlpatterns` list routes URLs

使用thumbnailator按照比例改變圖片的大小

我們在平時的開發中,偶爾也會遇到圖片處理的問題,比如圖片的壓縮,按比例改變圖片的大小,不按比例改變圖片的大小等等。 如果要自己去開發這樣一套工具,我覺得大多數人都是做不到的,所以還是學會站在巨人的肩膀上來的比較輕巧。 所以在這裡給大家推薦google使用的開源工具包thumbnailator,這個工具包可以

微信小程式修改資料重新整理頁面更新資料

先將資料儲存到本地快取,如下: wx.setStorageSync('caseid', this.data.id) wx.setStorageSync('newmsg', data) //data是一個物件 在需要修改的頁面獲取本地快取的資料,如下: var newmsg = wx.

Rgraph js 實時重新整理canvas並解決重繪問題

1.前臺web aspx頁面   <div id="Div1">  <canvas id="id1" width="300" height="270" style="margin-l

Fragment與ViewPager的結合做出區域性滑動重新整理頁面以及關於app.FragmentManager和v4包的FragmentPagerAdapter衝突

ViewPager+Fragment可以做出多頁面滑動效果,讓我們的應用程式介面操作起來更加靈活一.首先來說說Fragment支援Fragment的有兩個包importandroid.support.v4.app.Fragment;importandroid.app.Frag