html中<frameset>標簽,框架結構各視窗的父級菜單子級菜單關係

来源:https://www.cnblogs.com/10000001000wds/archive/2018/03/10/8539285.html
-Advertisement-
Play Games

這個問題搞得我頭大,並且在查過百度後各位大佬給出的解釋我都不能理解,應該是我太白的原因,希望我寫的能好理解。 下麵文章視窗1、2、3,在代碼里分別為chuangkou、chuangkou1、chuangkou2. 下麵是我創建的一個及其簡易html框架結構: 製作這個網頁需要八個html文件,分別是 ...


  這個問題搞得我頭大,並且在查過百度後各位大佬給出的解釋我都不能理解,應該是我太白的原因,希望我寫的能好理解。

下麵文章視窗1、2、3,在代碼里分別為chuangkou、chuangkou1、chuangkou2.

  下麵是我創建的一個及其簡易html框架結構:

 

 

 

 

製作這個網頁需要八個html文件,分別是定義框架的文件:

<!DOCTYPE html>
<html>
<head><title>賓館後臺操作系統</title></head>

<frameset rows="30%,*" frameborder="1" borde="5" bordercolor="#446677">
<frame src="/application/index/view/index/guanli.html" name="chuangkou" scrolling="aulo" noresize>
<frameset cols="30%,70%">
<frame src="/application/index/view/index/zhufang.html" name="chuangkou1" scrolling="aulo" noresize>
<frame src="/application/index/view/index/afangjian.html" name="chuangkou2" noresize>

</frameset>

</frameset>
</html>

這段代碼將網頁分為三個部分我分別給他起的名字叫做name="chuangkou";name="chuangkou1";name="chuangkou2",也就是上面代碼中加粗的代碼:視窗、視窗1、視窗2.

 

 

 

 

下麵是頂部選項視窗代碼:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css" media="screen">
p{font-size:30px;}
</style>
</head>
<body>
<font color="blue" align="center"><h1>賓館後臺管理系統</h1></font><br><br>
<p align="center">
<a href="/application/index/view/index/zhufang.html" target="chuangkou1">住房查詢</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="/application/index/view/index/xiaofei.html" target="chuangkou1">消費查詢</a>
</p>
</body>
</html>

這段代碼是頂部菜單欄也就是起名為name="chuangkou"的部分,標簽<a>的住房查詢和消費查詢target的位置是第二個視窗的位置,可以理解為target是通道,當我們點擊住房查詢時,"zhufang.html"內的A區房間、B區房間的選項,也就到了我們要到的終點站chuangkou1的位置。

 

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="/application/index/view/index/afangjian.html" target="chuangkou2">A區房間</a><br>
<a href="/application/index/view/index/bfangjian.html" target="chuangkou2">B區房間</a>
</body>
</html>

 

 上面這段代碼是視窗點擊住房信息後的代碼。

 

 

 

 

 

 

 

 

當我們點擊A區房間後“afangjian.html”的信息就通過target進入到chuangkou2.

 

 

“afangjian.html”代碼如下

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<p>這是A區房間</p>
<p>這是A區房間</p>
<p>這是A區房間</p>
<p>這是A區房間</p>
<p>這是A區房間</p>
<p>這是A區房間</p>
<p>這是A區房間</p>
</body>
</html>

 

 剩餘的消費查詢及B區房間的查詢同理。

 

附其他代碼

 

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<p>這是B區房間</p>
<p>這是B區房間</p>
<p>這是B區房間</p>
<p>這是B區房間</p>
<p>這是B區房間</p>
<p>這是B區房間</p>
<p>這是B區房間</p>
</body>
</html>

 

消費查詢代碼

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="/application/index/view/index/paomian.html" target="chuangkou2">泡麵</a><br>
<a href="/application/index/view/index/yinliao.html" target="chuangkou2">飲料</a>
</body>
</html>

 

泡麵代碼

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<p>這是泡麵消費</p>
<p>這是泡麵消費</p>
<p>這是泡麵消費</p>
<p>這是泡麵消費</p>
<p>這是泡麵消費</p>
<p>這是泡麵消費</p>
<p>這是泡麵消費</p>
<p>這是泡麵消費</p>
<p>這是泡麵消費</p>
</body>
</html>

飲料代碼

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<p>這是飲料消費</p>
<p>這是飲料消費</p>
<p>這是飲料消費</p>
<p>這是飲料消費</p>
<p>這是飲料消費</p>
<p>這是飲料消費</p>
<p>這是飲料消費</p>
<p>這是飲料消費</p>
<p>這是飲料消費</p>
</body>
</html>

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 項目地址https://github.com/979451341/Myijkplayer前段時候我覺得FFmpeg做個視頻播放器好難,雖然播放上沒問題,但暫停還有通過拖動進度條來設置播放進度,這些都即便做得到,可以那個延緩。。。。。現在學習一下目前移動端最知名的視頻播放器的框架ijkplayer,這 ...
  • 準備階段 下載 Flutter SDK 新建 Flutter 文件夾,克隆 Flutter SDK: 配置 Flutter 環境 我是 Mac 系統,Flutter SDK 下載完後的路徑:Users/wuxiaolong/Flutter/flutter/ 。 在命令行下,進入用戶目錄 打開.bas ...
  • 以前不怎麼有這樣的需求,最近開發經常用到,所以就乾脆封裝一個這樣的 Button 讓圖片和字體都垂直居中,重寫layoutSubviews方法,來實現就可以,至於 layoutSubviews 方法什麼時候觸發,可以自行查下; ...
  • IBOutlet或IBAction符號對編譯不產生任何影響,它們只是標記,用於告訴Xcode這些對象可以和UI控制項進行關聯,以便於在編輯Interface Builder上的UI控制項的時候Xcode可以自動提示。 參考資料:《iOS編程指南》 ...
  • 近日,樓主在同一臺手機上,同時安裝同一個游戲的不同渠道包,add install後,提示:Failure [INSTALL_FAILED_DUPLICATE_PERMISSION perm=android.permission.具體許可權 pkg=渠道A游戲包名] 原因: 1、正要安裝的APP的自定義 ...
  • 當我們用RecyclerView時,如果想用某一個特定的版本,怎樣才能知道版本號呢?如果自己的筆記本中用過這個庫,那麼會保存在本地硬碟中。 Android自身依賴包的版本號本地存放路徑: 沒有用過該版本,也沒有關係,google develper中有說明:Support Library的版本號其實都 ...
  • 今天supprt28遇到的問題,由於28還是預覽版,還存在一些bug 都是因為如果程式內出現不同的,support或者其他外部引用庫的多個版本,Gradle在進行合併的時候會使用本地持有的,最高版本的來進行編譯,所以25的support就有可能引用26的東西,就會出現 屬性 merge 錯誤 ,或者 ...
  • 一、Gradle更新問題 Android Studio每次更新版本都會更新Gradle這個插件,而且有時候提示更新,卻一直更新不了,那是因為中國偉大的長城問題。就是下圖,我剛剛更新了,提示更新gradle,卻一直更新不了! 1.1 這有時候會導致停止在Refreshing Gradle Projec ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...