杏仁豆腐@噗嚕
@hsingnchu
Wed, Dec 7, 2022 3:11 PM
杏仁豆腐的軟工後端筆記
html iframe
雖然是後端班但還是要學網頁，果然人拼命避免甚麼就會碰上甚麼(哭)

我想把網頁切割成這樣https://images.plurk.com/58snnhB6aXXrUYd5imXgbk.png
可是html5已停用framset的功能，左思右想...可能iframe可以取代frameset的功能，於是開始動手
掰噗~
@baipu
說
Wed, Dec 7, 2022 3:11 PM
(cozy)
機器狼🐺茶會出毛回顧！
@KMN_BOT
說
Wed, Dec 7, 2022 3:11 PM
OwO！（流口水）
杏仁豆腐@噗嚕
@hsingnchu
Wed, Dec 7, 2022 3:15 PM
1. 打開VS CODE(廢話)，然後把主網頁，跟連結內的網頁都建起來 https://images.plurk.com/TkPps7kJRQlu18YThXlNI.png
杏仁豆腐@噗嚕
@hsingnchu
Wed, Dec 7, 2022 3:17 PM
2. 插入iframe ，設定name及高度寬度，src不需設定，因為我們要連的是內部網頁 https://images.plurk.com/4AQaNPWlDIjFJNT0vVHtl0.png
杏仁豆腐@噗嚕
@hsingnchu
Wed, Dec 7, 2022 3:21 PM
3. 在iframe的上方插入一個div，放我們的連結清單。在每一個要被設定為連結的文字中，利用<a href...>把網頁傳進iframe，方法: target設定為iframe的name https://images.plurk.com/4AhvNAIZEd6enarfDDi8Px.png
杏仁豆腐@噗嚕
@hsingnchu
Wed, Dec 7, 2022 3:24 PM
看看成果(很簡陋但是有做出來就好!)
那個99乘法表是用javascript跟迴圈寫出來的
但不是我寫的，就不筆記ㄌ https://images.plurk.com/1EeoXsNSZWPKTHm5BSxMQd.png
載入新的回覆