您現在的位置是:首頁 > 飲食

iframe,在瀏覽器顯示不止一個頁面

由 魚魚學程式設計 發表于 飲食2022-10-02
簡介透過使用iframe框架,你可以在同一個瀏覽器視窗中顯示不止一個頁面

瀏覽器頁面顯示不完整怎麼辦

Hi,好久不見,今天我在這裡給大家介紹一下在html中如何在瀏覽器顯示不止一個頁面;透過使用iframe框架,你可以在同一個瀏覽器視窗中顯示不止一個頁面;透過使用框架,你可以在同一個瀏覽器視窗中顯示不止一個頁面。每份HTML文件稱為一個框架,並且每個框架都獨立於其他的框架。

使用框架的壞處:

開發人員必須同時跟蹤更多的HTML文件;很難列印整張頁面。

iframe,在瀏覽器顯示不止一個頁面

那麼接下來我們該如何建立使用呢?首先準備HBuilder(這只是作者用的哦,還有很多就不做具體介紹了),然後建立名為demo的專案,然後建立名為new的HTML頁面。

接下來就開始進行程式碼實現,首先是清除瀏覽器預設樣式以及iframe的一些樣式設定,程式碼如下:

iframe,在瀏覽器顯示不止一個頁面

接下來是功能實現程式碼,如下:

點選我到另一個頁面

注意: 因為 a 標籤的 target 屬性是名為 iframe_a 的 iframe 框架,所以在點選連結時頁面會顯示在 iframe框架中。

iframe,在瀏覽器顯示不止一個頁面

接下我們在瀏覽器中看看執行效果:

iframe,在瀏覽器顯示不止一個頁面

iframe,在瀏覽器顯示不止一個頁面

00:24

今天就到此結束了,如果大家有什麼不懂的地方歡迎留言或私信,有什麼錯誤的地方歡迎大家批評指正,謝謝大家!

html中如何獲取當前時間並顯示

LinkedList的使用方法

Iterator如何迭代集合中的元素

簡單的輪播圖實現

教你如何編寫一個彈出框

推薦文章