欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

HTML5不支持frameset的兩種解決方法

  發(fā)布時間：2016-11-14 15:32:29   作者：都市煙火   我要評論
frameset標(biāo)簽定義框架集，它用于組織多個窗口（框架）。每個框架存在一個獨立的文檔。在最簡單的應(yīng)用中，frameset 元素僅僅聲明框架集中存在的列或行的數(shù)目。但在 HTML5中frameset標(biāo)簽沒有得到支持，本文將跟大家分享HTML5不支持frameset的兩種解決方法。

解決方法如下：

第一種

使用iframe，但是目前使用iframe的人已經(jīng)越來越少了，而且iframe在不同瀏覽器之間還有不兼容的情況。而且我一些研發(fā)的人員，他們表示iframe窗口間傳值似乎很麻煩。

第二種

使用jQuery的onload方法加載頁面，不過這種方法跳轉(zhuǎn)多個頁面后，點擊瀏覽器上方的后退前進(jìn)是無效的，不過可以認(rèn)為的添加一個返回按鈕。

所以個人更傾向于這種方法。

我一般是這樣寫的

$("#main").load("mainIndex.html",function(){

 });

對于頁面，div+css可以實現(xiàn)frame的效果

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div+css實現(xiàn)frameset效果</title>
<style type="text/css">
.header{border-bottom:1px solid #ccc;margin-bottom:5px;}
.MainContainer{min-width:960px;max-width:1600px;}
.sidebar{width:180px;float:left;margin-right:-180px;border-right:1px solid #ccc;min-height:500px;padding:5px;}
.main{float:left;margin-left:200px;padding:5px;}
.content{padding:0 10px;}
</style>
</head>
<body>
    <div class="page">
        <div class="header">
            <div id="title">
                <h1>頂部</h1>
            </div>
        </div>
        <div class="MainContainer">
            <div class="sidebar">
            邊欄
            </div>
            <div  id="main" class="main">
                內(nèi)容
            </div>           
        </div>
    </div>
</body>
</html>

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流。

相關(guān)文章

  • HTML中frameset標(biāo)簽的使用教程

    不同于iframe,frameset標(biāo)簽不能與body標(biāo)簽一起使用,或許這聽起來有些奇怪...well,接下來我們就一起來看一下HTML中frameset標(biāo)簽的使用教程
    2016-05-30

  • 用frameset實現(xiàn)復(fù)雜的頁面布局技巧小結(jié)

    想要實現(xiàn)復(fù)雜的頁面布局，只需在frameset標(biāo)簽中在使用frameset標(biāo)簽，然后通過cols，rows屬性進(jìn)行設(shè)置就ok了，下面有個不錯的示例，大家可以參考下
    2014-05-08

  • html頁面嵌套使用示例(frameset使用方法)

    這篇文章主要介紹了html頁面嵌套使用示例(frameset使用方法),需要的朋友可以參考下
    2014-04-16

  • 通過iframe實現(xiàn)在body中放frameset

    因frameset和body平級 所以不能將frameset放在body里，下面有個不錯的方法可以實現(xiàn)在body中放frameset，希望對大家有所幫助
    2014-01-09

  • frameset(劃分框窗)常用屬性整理

    框架是網(wǎng)頁畫面分成幾個框窗同時取得多個src的地址，F(xiàn)RAMESET是用來劃分框窗，每一窗框由一個FRAME標(biāo)記所標(biāo)示，F(xiàn)RAME必須在FRAMESET范圍中使用，本文整理了一些frameset常
    2013-06-28

  • html中frameset標(biāo)簽無法正常顯示原因分析及解決

    frameset /frameset想必大家都不陌生吧，在網(wǎng)站的后臺經(jīng)常會用到吧，它的功能就是將一個頁面劃分成好幾個頁面，接下來為大家介紹下frameset標(biāo)簽無法正常顯示如何解決，感性
    2013-03-20

  • 使用Frameset 寬屏居中小技巧分享

    以下是一個比較簡單的方法，雖然技術(shù)含量不高，但個人認(rèn)為很實用
    2011-07-21

  • 設(shè)置frameset的高度 界面變形的解決方法

    使用frameset做的，在寬屏下開發(fā)一直沒有發(fā)現(xiàn)什么問題，直到一個用戶使用800*600的機(jī)子測試的時候，才發(fā)現(xiàn)整個界面都被變形了。
    2011-01-27

  • html Frame、Iframe、Frameset 的區(qū)別

    框架頁有Frame、Iframe、Frameset 3個標(biāo)記，初學(xué)者容易將三者混淆，下面分別講解三者的區(qū)別。
    2009-11-26

  • HTML Frameset 例子代碼

    這一篇，介紹一個Frameset做的簡單到不能再簡單的框架。        好先來看看這個框架的頁面構(gòu)成，由于是純手工做的測試程序，所以只是
    2009-06-13

最新評論