<font id="zqva1"></font>
<rt id="zqva1"></rt>
  • <tt id="zqva1"></tt>
    <cite id="zqva1"></cite>

    <cite id="zqva1"><noscript id="zqva1"></noscript></cite>
      <rp id="zqva1"><meter id="zqva1"></meter></rp>

        <cite id="zqva1"></cite>
          <b id="zqva1"></b>
          <rp id="zqva1"></rp>
          <cite id="zqva1"></cite>

          <rt id="zqva1"></rt>

        1. <rp id="zqva1"></rp>

          js刷新當前頁面,js實現頁面自動刷新、跳轉的方法總匯

          時間:?2017-12-19閱讀:?2637標簽:?跳轉

          Javascript刷新當前頁面

          方法1:

          history.go(0)
          除非有<%..%>等需在服務端解釋才能生成的頁面代碼,否則直接讀取緩存中的數據

          方法2:

          location.reload()
          要重新連服務器以讀得新的頁面(雖然頁面是一樣的) 

          方法3:location=location

          要在javascript中導航,不是調用window對象的某個方法,而是設置它的location.href屬性,location屬性是每個瀏覽器都支持的。比如:
          <span onclick=”javascript:window.location.href=’#top’”>top</span>
          執行后有后退、前進

          方法4:

          location.assign(location)
          加載 URL 指定的新的 HTML 文檔。 就相當于一個鏈接,跳轉到指定的url,當前頁面會轉為新頁面內容,可以點擊后退返回上一個頁面。 

          方法5:

          document.execCommand('Refresh')

          方法6:

          window.navigate(location)
          MSDN說的window.navigate(sURL)方法是針對IE的,不適用于FF,在HTML DOM Window Object中,根本沒有列出window.navigate方法。

          方法7:

          location.replace(location)
          執行后無后退、前進
          通過加載 URL 指定的文檔來替換當前文檔 ,這個方法是替換當前窗口頁面,前后兩個頁面共用一個
          窗口,所以是沒有后退返回上一頁的

          方法8:

          document.URL=location.href


          總結:

          其中window.location.reload(),window.history.go(0)和document.execCommand(''Refresh''),這三個方法是最快速的。其他的都有明顯的瀏覽器滾動條的出現。  


          Javascript頁面自動刷新、跳轉

          1.自動刷新

          <meta http-equiv="refresh" content="20">

          其中20指每隔20秒刷新一次頁面.


          2.自動跳轉

          <meta http-equiv="refresh" content="20;url=http://www.modern-decoration.com.cn">

          其中20指隔20秒后跳轉到http://www.modern-decoration.com.cn的頁面


          3.自動刷新js版

          <script language="JavaScript">
          functionrefresh(){
            window.location.reload();
          }
          setTimeout('refresh()',1000); //指定1秒刷新一次
          </script>


          JS刷新框架的腳本語句  

          /如何刷新包含該框架的頁面用 
          <script language=JavaScript>
          parent.location.reload();
          </script>
          
          //子窗口刷新父窗口
          <script language=JavaScript>
          self.opener.location.reload();
          </script> www.jbxue.com
          ( 或 <a href="javascript:opener.location.reload()">刷新</a> )
          
          //如何刷新另一個框架的頁面用 
          <script language=JavaScript>
          parent.另一FrameID.location.reload();
          </script>


          如果想關閉窗口時刷新或者想開窗時刷新的話,在<body>中調用以下語句即可。  

          <body onload="opener.location.reload()"> 開窗時刷新
          <body onUnload="opener.location.reload()"> 關閉時刷新
          
          <script language="javascript">
          window.opener.document.location.reload()
          </script>


          站長推薦

          1.阿里云: 本站目前使用的是阿里云主機,安全/可靠/穩定。點擊領取2000元代金券、了解最新阿里云產品的各種優惠活動點擊進入

          2.騰訊云: 提供云服務器、云數據庫、云存儲、視頻與CDN、域名等服務。騰訊云各類產品的最新活動,優惠券領取點擊進入

          3.廣告聯盟: 整理了目前主流的廣告聯盟平臺,如果你有流量,可以作為參考選擇適合你的平臺點擊進入

          鏈接: http://www.modern-decoration.com.cn/article/detial/261

          javascript如何實現頁面跳轉?

          在JavaScript中有好幾種方法可以實現頁面跳轉,重定向到另一個網頁,下面本篇文章就來給大家介紹一些使用JavaScript實現頁面跳轉的方法,希望對大家有所幫助。

          移動端 location.href 無法成功跳轉頁面

          最近做的移動端頁面在請求成功后要跳轉頁面,通過location.href實現的跳轉。但同事在測試時,安卓機可以成功跳轉,蘋果IOS確無法成功跳轉。

          微信小程序路由跳轉

          wx.switchTab(Object object)這里的tabBar是底下的導航欄指定的頁面,跳轉到 tabBar 頁面,并關閉其他所有非 tabBar 頁面;wx.reLaunch(Object object)基礎庫 1.1.0 開始支持,低版本需做兼容處理。

          vue路由使用router.push進行路由跳轉

          route-link是在html中靜態定義的,也可以在代碼中動態跳轉:注意絕對不能寫href=,這樣執行click跳轉后,又會執行href跳轉到當前頁面push也可以直接使用path:

          angular怎么做前端頁面跳轉?

          Angular中每個頁面的顯示都需要三個要素:頁面的代碼,控制器和頁面的URL;當要在同一個頁面上呈現不同的視圖時,這就需要配置路由啦;angular.js已經為我們封裝了一個獨立的路由工具ng-route;ng-route是靠URL來改變顯示的視圖的

          js頁面跳轉另一頁的方法——location.href和location.replace用法和區別

          window.location.href方式用于跳轉到指定頁面地址,location.replace將目前瀏覽器的地址替換掉,調用這個方法的網頁,將不會被寫入瀏覽記錄。

          淺談網站無刷新更新技術,基于hash路由的實現。

          現在為了提高網站的用戶體驗,如添加頁面切換動畫,減少頁面加載,很多網站為此都采用了無刷新技術來加載頁面內容。

          fly63.com版權所有,內容以共享、參考、研究為目的,不存在任何商業目的。其版權屬原作者所有,如有侵權,請與小編聯系!情況屬實本人將予以刪除!

          文章投稿關于web前端網站點搜索站長推薦網站地圖站長QQ:522607023

          小程序專欄: 土味情話心理測試腦筋急轉彎幽默笑話段子句子語錄成語大全運營推廣

          国产精品高清视频免费 - 视频 - 在线观看 - 影视资讯 - 唯爱网