頁面跳轉和巢狀

2021-09-19 20:51:33 字數 747 閱讀 8800

開發工具與關鍵技術:vs js

當我們瀏覽網頁的時候肯定會遇到頁面的跳轉,例如我們用電腦瀏覽頁面的時候,如果細心去留意, 你會發現頁面跳轉是有幾種不同效果的。那麼頁面的跳轉功能是怎麼實現的呢?這裡我準備了頁面一(page1)和頁面二(page2)兩個頁面。給頁面一繫結頁面跳轉事件。

1、從頁面一跳轉到頁面二后不能通過後退鍵返回頁面一。

如上圖所示,location是js的對像,該物件包含有關當前url的資訊。replace()是html

dom方法,當使用該方法時新的頁面路徑將覆蓋舊的頁面路徑,這樣當頁面一跳到頁面二的時候就不能再返回了。("/main/page2")是跳轉路徑

2、從頁面一跳轉到頁面二后可通過後退鍵返回頁面一。

與replace不同的是,href是html dom的乙個屬性,使用該屬性,當頁面一跳轉到頁面二的時候,還可以通過後退鍵返回頁面一。

3、以上兩種跳轉方法都是通過覆蓋舊路徑在同一視窗開啟新網頁,並沒有開啟新的視窗,下面來看看開啟新視窗的寫法。

顯然,open就是開啟的意思,open()方法在html dom中解釋為開啟乙個新的視窗。

4、頁面巢狀。把子頁面巢狀在父頁面裡。

如圖所示,div用於容納子頁面,iframe標籤用於巢狀子頁面,給iframe設定id。

頁面巢狀語句用到prop方法,content就是上圖iframe標籤的id值。

link to和頁面跳轉

ruby on rails,通過建立頁面導航鏈結實現頁面跳轉 中,我們了解到如何通過link to text,target 方法在templates中定義連線。其中引數target以填入了兩個最終要的引數,controller和action。如果有乙個分頁顯示的列表,我們希望希望檢視其中的第3頁,這...

uni app頁面配置和跳轉

參考 路徑 pages personal hand hand 點選某個專業隊時需要實現直接切換賬戶並登陸成功跳轉到首頁 pages project maintenance duty manage duty preview 跳轉時使用 使用瀏覽器執行會報錯 需換用 關閉當前頁面,跳轉到應用內的某個頁面...

Jsp頁面跳轉和js控制頁面跳轉的幾種方法

jsp 頁面跳轉的幾種方法 1.requestdispatcher.forward 在伺服器端起作用,當使用forward 時,servlet engine傳遞http請求從當前的servlet或者是jsp到另外的乙個servlet jsp 或普通html檔案,也即你的form提交至a.jsp,在a...