微信小程序開發之路之HTML的frame框架

框架

很多網頁頂部有不變的logo，左側是固定的導航欄，當點擊導航欄時只有右側的區域隨之變動，像這種只有部分區域響應變化的佈局，就是用框架實現的

frameset

frameset不能和body同用

<frameset columns="25%,50%,*" rows="50%, *">
    <frame src="xxx/xx.html" name="xx"/>
    <frame src="xxx/xxx.html" name="xxx" scrolling="no" noresize="noresize">
</frameset>

第一行是按列劃分爲佔比25,50，和25的三部分，*就是代表餘下全部
最後一行scrolling設置的是不顯示滾動條，noresize設置的是圖片不拉伸
下面的代碼可以實現上面說的T型佈局，

<frameset rows="20%,*">
    <frame>logo
    <frameset columns="20%,*">
        <frame>左側導航欄
        <frame name="rightframe">顯示區
    </frameset>
</frameset>

<!--然後對於觸發鏈接只要在target指定目的域即可，目的域就是前文命名的frame的name-->
<a href="xxx" target="rightframe"></a>

iframe

frameset不能和body同用，這就造成了很多麻煩，因襲引入iframe
iframe使用非常簡單

<iframe src="引用地址" name="標識" scrolling="no"/>

相對於frameset更好，目前frameset官方已經不建議使用