今天在學(xué)習(xí) java web項(xiàng)目時(shí)娇妓，書中示例使用了 <frameset></frameset>標(biāo)簽像鸡，編譯器添加刪除線標(biāo)識(shí)該標(biāo)簽過時(shí)，最初考慮不影響使用哈恰，就沒有關(guān)心只估，運(yùn)行工程后發(fā)現(xiàn)網(wǎng)頁沒有輸出，于是查詢相關(guān)資料着绷，學(xué)習(xí)記錄蛔钙。
過時(shí)的frameset
-
使用frameset頁面空白問題
這是因?yàn)槲覍?
<frameset></frameset>標(biāo)簽放到了<body></body>標(biāo)簽中實(shí)現(xiàn)，而<frameset>和<body>不能一起使用荠医。 在 HTML 5 中不支持
<frameset></frameset>標(biāo)簽吁脱。使用
<frameset>可能會(huì)帶來session丟失等問題
<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>
頁面效果圖
參考
Iframe 有什么好處，有什么壞處彬向？國內(nèi)還有哪些知名網(wǎng)站仍用Iframe兼贡，為什么？有哪些原來用的現(xiàn)在拋棄了娃胆？又是為什么遍希？
