html頁(yè)面嵌入其他頁(yè)面(如何將一個(gè)html頁(yè)面嵌套在另一個(gè)頁(yè)面中)
這個(gè)在做網(wǎng)頁(yè)中常要用到,有些通用的內(nèi)容可集中放在一個(gè)頁(yè)面文件中,其它要用到這些內(nèi)容的頁(yè)面只需要包含引用這個(gè)通用文件即可這樣便于維護(hù),如果有很多網(wǎng)頁(yè),當(dāng)通用內(nèi)容需要修改時(shí),只改一個(gè)文件就可以了,不需要每個(gè)。
1打開(kāi)編輯器,新建testhtml,用于學(xué)習(xí)今天的內(nèi)容2接下來(lái)需要在head標(biāo)簽下方引入插件3在頁(yè)面的body標(biāo)簽里,新建一個(gè)p,名稱(chēng)為test4在body標(biāo)簽下方寫(xiě)上scriptscript,用來(lái)存放js代碼通過(guò)class。
兩個(gè)方法,一個(gè)是使用iframe浮動(dòng)標(biāo)記,另一個(gè)是使用frameset框架標(biāo)記例一iframe標(biāo)記lt!DOCTYPEhtml lthtmllang=quotenquot lthead ltmetacharset=quotUTF8quot lttitleiframelttitle lthead ltbody ltiframewidth=quot800。
1首先,要嵌入html并不一定要寫(xiě)js代碼,如圖使用iframe標(biāo)簽,設(shè)置其src屬性即可注意其scrolling=quotautoquot以添加滾動(dòng)條另外,其width和height要單獨(dú)設(shè)置2其鏈接到的html頁(yè)面內(nèi)容如圖所示給其添加如圖meta標(biāo)簽,增加自動(dòng)。
用iframe框架,嵌套一個(gè)網(wǎng)頁(yè)進(jìn)去即可實(shí)現(xiàn)很簡(jiǎn)單的iframe 元素會(huì)創(chuàng)建包含另外一個(gè)文檔的內(nèi)聯(lián)框架即行內(nèi)框架 以下是iframe的屬性值描述 align leftrighttopmiddlebottom 不贊成使用請(qǐng)使用樣式代替規(guī)定如何。
方法1iframe 方法2DIV設(shè)定好尺寸,然后將另外一個(gè)頁(yè)面通過(guò)JS的load函數(shù)放進(jìn)來(lái) 方法3還是div,但是使用的是富文本模式。
html文件嵌套,最簡(jiǎn)單的辦法是使用SSIServer Side Include技術(shù),也就是在服務(wù)器端兩個(gè)文件就被合并了除了少數(shù)免費(fèi)網(wǎng)頁(yè)寄存服務(wù)外,幾乎所有的網(wǎng)頁(yè)寄存服務(wù)器都支持 SSI這也是一個(gè)比較推薦的方法,它與ASP和ASPNET網(wǎng)頁(yè)。
四由此可見(jiàn),網(wǎng)頁(yè)的本質(zhì)就是HTML,通過(guò)結(jié)合使用其他的Web技術(shù)如腳本語(yǔ)言CGI組件等,可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)因而,HTML是Web編程的基礎(chǔ),也就是說(shuō)萬(wàn)維網(wǎng)是建立在超文本基礎(chǔ)之上的。
在一個(gè)頁(yè)面嵌入另一個(gè)頁(yè)面,可以用所有瀏覽器都支持的行內(nèi)框架iframe,例如要在當(dāng)前網(wǎng)頁(yè)插入另一個(gè)網(wǎng)頁(yè)內(nèi)容,要求寬度自動(dòng)適應(yīng),高度為500像素,不顯示框架邊框,則寫(xiě)如下代碼 ltiframe id=quotexternalquot style=quotwidth100%。
首先,你說(shuō)到是用純html所以,就應(yīng)該用html語(yǔ)言里面的框架技術(shù),iframe ,iframe可以實(shí)現(xiàn)多個(gè)頁(yè)面的嵌套具體代碼如下所示ltiframe id=quotshowImgquot src=quotnyc1htmlquot scrolling=quotnoquot frameborder=quot0quot width=quot260quotlt。
iframe的使用很簡(jiǎn)單,下面的例子會(huì)在你的頁(yè)面中嵌入另一個(gè)叫做includehtml的頁(yè)面ltiframe src=quotincludedhtmlquot width=quot450quot height=quot400quot lta href=quotincludedhtmlquot你的瀏覽器不支持iframe頁(yè)面嵌套,請(qǐng)點(diǎn)擊這里訪問(wèn)。
可以用iframe,在任何想顯示的地方加入\x0d\x0a \x0d\x0a\x0d\x0a。
這個(gè)可以通過(guò)iframe框架來(lái)做就是在HTML頁(yè)面里面加入一個(gè)框架,在框架內(nèi)使用另一個(gè)HTML頁(yè)面顯示內(nèi)容。
可以使用iframe,下面的例子會(huì)在頁(yè)面中嵌入另一個(gè)叫做includehtml的頁(yè)面ltiframe src=quotincludedhtmlquot width=quot450quot height=quot400quot lta href=quotincludedhtmlquot你的瀏覽器不支持iframe頁(yè)面嵌套,請(qǐng)點(diǎn)擊這里訪問(wèn)頁(yè)面內(nèi)容lt。
如果是aspnet mvc的話(huà)直接引用頁(yè)面布局文件就行如果是普通頁(yè)面的話(huà),那就用frame來(lái)進(jìn)行嵌入,或者iframe等。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。