HTML怎么在web窗體調(diào)用操作母版頁內(nèi)容元素

本篇內(nèi)容介紹了“HTML怎么在web窗體調(diào)用操作母版頁內(nèi)容元素”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

10年積累的網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有澄城免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

標(biāo)準(zhǔn)化網(wǎng)站布局的格式只是整個(gè)過程的一部分，你還需要保證通用的元素，如網(wǎng)站的標(biāo)題、網(wǎng)站的導(dǎo)航控件等在每個(gè)頁面里都出現(xiàn)在相同的位置。解決這一問題的關(guān)鍵在于創(chuàng)建一個(gè)可以重復(fù)應(yīng)用到整個(gè)網(wǎng)站的簡單而靈活的布局。有 3 個(gè)基本辦法可以選擇：

用戶控件。用戶控件時(shí)標(biāo)準(zhǔn)化通用頁面元素的優(yōu)秀方式，但是，它們自身并不能解決頁面布局的問題，因?yàn)闆]有辦法保證用戶控件在所有頁面中都被放到同樣的位置。HTML 框架?？蚣苁窃谝粋€(gè)瀏覽器窗口中同時(shí)顯示多個(gè)頁面的 HTML 基本工具。它的主要缺點(diǎn)是它里面的每個(gè)頁面必須通過單獨(dú)請求服務(wù)器進(jìn)行檢索，這些頁面的代碼不得不完全獨(dú)立。這同時(shí)意味著一個(gè)框架里的頁面不能和其他框架中的頁面交互，也不能影響其他框架中的頁面。（至少不能通過服務(wù)器端代碼）母版頁。母版頁是 ASP.NET 的一個(gè)特性，它專門設(shè)計(jì)用于標(biāo)準(zhǔn)化 Web 頁面布局。它可定義固定的內(nèi)容并聲明 Web 頁面里可插入自定義內(nèi)容的部分。如果在整個(gè)網(wǎng)站中使用同一個(gè)母版頁，就可以確保獲得同樣的布局。最妙的是，如果修改了母版頁的定義，應(yīng)用它的所有頁面都會自動變化。

要為頁面模版提供一個(gè)可操作且靈活的解決方案，必須滿足以下幾個(gè)條件。

要能夠單獨(dú)定義頁面的某個(gè)部分并在多個(gè)頁面里重用它。要能夠創(chuàng)建一個(gè)定義了可編輯區(qū)域的封閉布局。重用這個(gè)模版的頁面只能夠在許可的區(qū)域內(nèi)添加或修改內(nèi)容。頁面能夠?qū)χ赜玫脑刈鲆恍┳远x?？梢月暶餍缘慕壎撁娴鬼撁婺０妫ú皇褂么a）或者能夠在運(yùn)行時(shí)動態(tài)綁定到頁面?？梢杂霉ぞ撸ㄈ?VS）設(shè)計(jì)一個(gè)使用頁面模版的頁面。

為了實(shí)現(xiàn)這一切，ASP.NET 定義了兩種新的頁面類型：母版頁和內(nèi)容頁。

母版頁和普通的 Web 頁面一樣，它可以包含任何 HTML、Web 控件甚至代碼的組合。母版頁還可以包含內(nèi)容占位符（定義的可修改區(qū)域）。

內(nèi)容頁引用一個(gè)母版頁并獲得它的布局和內(nèi)容。此外，內(nèi)容頁可以在任意的占位符里加入頁面特定的內(nèi)容。換句話說，內(nèi)容頁將母版頁沒有定義的缺失了的內(nèi)容填入母版頁。

母版頁和一般Web窗體的區(qū)別是：

母版頁由 Master 指令開始，并提供和 Page 指令相同的信息。而所有 Web 窗體都由 Page 指令開始。只有母版頁才可以使用 ContentPlaceHolder 控件，這個(gè)控件是內(nèi)容頁可以插入內(nèi)容的部分。

創(chuàng)建一個(gè)母版頁后，會得到一個(gè)只包含 2 個(gè) ContentPlaceHolder 控件的空白頁。第一個(gè)是在 <head> 區(qū)域定義的，它讓內(nèi)容頁面能夠增加頁面元數(shù)據(jù)，比如搜索關(guān)鍵字和樣式表鏈接。第二個(gè)也是更重要的 ContentPlaceHolder 被定義在 <body> 區(qū)域，它代表頁面顯示的內(nèi)容。

另外，母版頁不能被直接請求，要使用母版頁，必須創(chuàng)建一個(gè)關(guān)聯(lián)的內(nèi)容頁。

下面是個(gè)簡單的母版頁示例，它有一個(gè)靜態(tài)的橫幅，其后跟著一個(gè) ContentPlaceHolder 控件，然后是一個(gè)頁腳：

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="SiteTemplate.master.cs"

Inherits="Chapter16_SiteTemplate" %>

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>

</head>

<body>

<div>

<div style="background: black; height: 87px; font-weight: bold; font-size: 20px;

color: white; font-family: Verdana">

<br />

<asp:ContentPlaceHolder ID="TitleContent" runat="server">

My Site

</asp:ContentPlaceHolder>

</div>

<br />

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

<br />

<em>Copyright ? 2008.</em>

</div>

</form>

</body>

</html>

要在其他頁面里使用母版頁，必須在 Page 指令里加入 MasterPageFile 特性：

<%@ Page Title="" Language="C#" MasterPageFile="——/Chapter16/SiteTemplate.master" … %>

只設(shè)置 MasterPageFile 特性還不足以把普通的頁面轉(zhuǎn)變成內(nèi)容頁。內(nèi)容頁必須定義要插入一個(gè)或多個(gè) ContentPlaceHolder 控件的內(nèi)容（并編寫這些控件需要的代碼）。由于母版頁已經(jīng)提供了外殼，因此，試圖在內(nèi)容頁中加入 <html>、<head>、<body> 之類的元素，則會產(chǎn)生一個(gè)錯誤。

要為 ContentPlaceHolder 提供內(nèi)容，要用到另一個(gè)叫 Content 的特殊控件。ContentPlaceHolder 和 Content 控件具有一對一的關(guān)系。對于母版頁里的每個(gè) ContentPlaceHolder ，內(nèi)容頁會提供一個(gè)對應(yīng)的 Content 控件（除非不準(zhǔn)備為那個(gè)區(qū)域提供任何內(nèi)容）。ASP.NET 通過匹配 ContentPlaceHolder 的 ID 和對應(yīng)的 Content控件的 Content.ContentPlaceHolderID 屬性將它們對應(yīng)起來。

<%@ Page Title="" Language="C#" MasterPageFile="——/Chapter16/SiteTemplate.master"

AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Chapter16_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<span style="font-size: 10pt; font-family: TheSansMonoConNormal">Far out in the uncharted

backwaters of the unfashionable end of the western spiral arm of the Galaxy lies

a small unregarded yellow sun.</span></p>

</asp:Content>

<asp:Content ContentPlaceHolderID="TitleContent" ID="Content2" runat="server">

Custom Title</asp:Content>

為了更好的理解母版頁是如何工作的，值得通過跟蹤（在 Page 指令里加入 Trace=true）來看看內(nèi)容頁。借助這種方式可以了解控件的層次。你會發(fā)現(xiàn) ASP.NET 首先為母版頁創(chuàng)建控件對象，包括 ContentPlaceHolder（它充當(dāng)一個(gè)容器），接著它會把內(nèi)容頁的控件加入 ContentPlaceHolder 。

如果需要動態(tài)配置母版頁或內(nèi)容頁，可以響應(yīng)任意一個(gè)類中的 Page.Load 事件。有時(shí)你可能會同時(shí)在母版頁和內(nèi)容頁中使用初始化代碼。這種情況下，理解每個(gè)事件發(fā)生的順序就很重要。ASP.NET 首先創(chuàng)建母版頁控件，然后添加內(nèi)容頁的子控件。然后它觸發(fā)母版頁的 Page.Init 事件，隨后是內(nèi)容頁的 Page.Init 事件。對于 Page.Load 事件，也是相同的步驟。（如果有沖突，那么內(nèi)容頁的自定義會覆蓋在母版頁相同階段所做的修改）

母版頁定義 ContentPlaceHolder 時(shí)可以包含默認(rèn)的內(nèi)容（內(nèi)容頁沒有提供相應(yīng)的 Content 控件時(shí)才會使用的內(nèi)容）。

內(nèi)容頁不能只使用母版頁默認(rèn)內(nèi)容的一部分或只編輯這一部分。這是不可能的，因?yàn)槟J(rèn)內(nèi)容是保存在母版頁里面而不是內(nèi)容頁中。所有，要么完全使用，要么就全部替換它。

HTML 使用基于流的布局。這意味著隨著內(nèi)容的增加，頁面會被重新組織，其他一些內(nèi)容會被擠到一邊。這樣的布局會使得難以獲得母版頁預(yù)期的結(jié)果。如果你不小心，就會破壞原本完美的布局，插入到 <Content> 標(biāo)簽的大量信息會把頁面結(jié)構(gòu)弄得亂七八糟。

為了控制這些問題，大部分母版頁使用 HTML 表格或者 CSS 定位來控制布局。

使用表格時(shí)，基本原則是把整個(gè)頁面或頁面的部分分解到行和列里。然后你就可以把 ContentPlaceHolder 加入到某個(gè)單元格里，從而保證其他內(nèi)容多少會按照預(yù)期的那樣對齊。

使用 CSS 定位時(shí)，基本思想是把內(nèi)容放入 <div> 標(biāo)簽，然后使用絕對坐標(biāo)控制 <div> 的位置或者讓它們浮動在頁面的某一邊，最后你可以把 ContentPlaceHolder 放入 <div> 標(biāo)簽。

“HTML怎么在web窗體調(diào)用操作母版頁內(nèi)容元素”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

分享文章：HTML怎么在web窗體調(diào)用操作母版頁內(nèi)容元素
分享網(wǎng)址：http://sd-ha.com/article38/gcjipp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、軟件開發(fā)、做網(wǎng)站、網(wǎng)站策劃、微信公眾號、小程序開發(fā)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

久久久精品一区ed2k-女人被男人叉到高潮的视频-中文字幕乱码一区久久麻豆樱花-俄罗斯熟妇真实视频

HTML怎么在web窗體調(diào)用操作母版頁內(nèi)容元素