今天在學(xué)習(xí) java web項(xiàng)目時(shí)，書中示例使用了 <frameset></frameset>標(biāo)簽，編譯器添加刪除線標(biāo)識(shí)該標(biāo)簽過(guò)時(shí)，最初考慮不影響使用，就沒有關(guān)心，運(yùn)行工程后發(fā)現(xiàn)網(wǎng)頁(yè)沒有輸出，于是查詢相關(guān)資料，學(xué)習(xí)記錄。
過(guò)時(shí)的frameset
-
使用frameset頁(yè)面空白問(wèn)題
這是因?yàn)槲覍?
<frameset></frameset>標(biāo)簽放到了<body></body>標(biāo)簽中實(shí)現(xiàn)，而<frameset>和<body>不能一起使用。 在 HTML 5 中不支持
<frameset></frameset>標(biāo)簽。使用
<frameset>可能會(huì)帶來(lái)session丟失等問(wèn)題
<frameset id="frame" frameborder="0" framespacing="0"
rows="100,*" border="false" scrolling="yes">
<frame name="topframe" scrolling="auto" marginheight="0" marginwidth="0"
src="header.jsp" noresize>
<frameset framespacing="0" border="false" cols="200,*" frameborder=
"0" scrolling="yes">
<frame name="leftFrame" scrolling="no" marginheight="0" marginwidth="0"
src="index.jsp" noresize>
<frame name="rightFrame" scrolling="auto" src="rightFrame.jsp"marginheight="0" marginwidth="0"
>
</frameset>
</frameset>
div+iframe替代frameset實(shí)現(xiàn)
<html>
<head>
<title>網(wǎng)上書店</title>
<style>
body
{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
}
#frameTop
{
position: absolute;
top: 0;
left: 0;
height: 100px;
width: 100%;
overflow: hidden;
vertical-align: middle;
}
#frameContentLeft
{
position: fixed;
top: 100px;
left: 0;
height: 100%;
width: 150px;
overflow: hidden;
vertical-align: top;
background-color: #D2E6FA;
}
#frameContentRight
{
position: absolute;
left: 150px;
top: 100px;
height: 100%;
width: 100%;
right: 0;
bottom: 0;
overflow: hidden;
background: #fff;
}
</style>
</head>
<%--<frameset id="frame" frameborder="0" framespacing="0"--%>
<%--rows="100,*" border="false" scrolling="yes">--%>
<%--<frame name="topframe" scrolling="auto" marginheight="0" marginwidth="0"--%>
<%--src="header.jsp" noresize>--%>
<%--<frameset framespacing="0" border="false" cols="200,*" frameborder=--%>
<%--"0" scrolling="yes">--%>
<%--<frame name="leftFrame" scrolling="no" marginheight="0" marginwidth="0"--%>
<%--src="index.jsp" noresize>--%>
<%--<frame name="rightFrame" scrolling="auto" src="rightFrame.jsp"marginheight="0" marginwidth="0"--%>
<%-->--%>
<%--</frameset>--%>
<%--</frameset>--%>
<body>
<div>
<iframe id="frameTop" src="header.jsp"></iframe>
</div>
<div>
<iframe id="frameContentLeft" src="index.jsp"></iframe>
<iframe id="frameContentRight" src="rightFrame.jsp"></iframe>
</div>
</body>
</html>
頁(yè)面效果圖
參考
祭奠那過(guò)時(shí)的框架標(biāo)簽frameset
Iframe 有什么好處，有什么壞處？國(guó)內(nèi)還有哪些知名網(wǎng)站仍用Iframe，為什么？有哪些原來(lái)用的現(xiàn)在拋棄了？又是為什么？
