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
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...