整套網頁頭部和底部的內容一樣,只切換中間的內容(自己的項目總結)

做頁面的時候,一定先分析好是否需要寫一些公共的東西來調用,千萬不要做沒用工!!!

1,寫的時候標註好註釋,方便代碼多容易亂,無頭緒的問題發生。


2,對於遮罩層和彈出框可以寫在主頁,遮罩層要全部遮住!

3,對於header.html裏面的按鈕,點擊按鈕會彈出彈框的問題,可以把彈框寫在index.html裏面,在header.js裏面控制,

eg:

$('.pwd').click(function () {
        $('#editPassMask',window.parent.document).toggle();
        $('#editPassInfo',window.parent.document).toggle();
    })
    $('.help').click(function () {
        $('#helpMask',window.parent.document).toggle();
        $('#helpInfo',window.parent.document).toggle();
    })

4,在子頁面調用父頁面的東西,加上window.parent.document

5,引入下一個頁面的地方 ,加上target  : <a href="inTheTape.html" target="homePage">

target指向的地方和name的名字一樣,這樣就替換了和中間的內容。^_^

6,對於自適應的平臺網頁,要求不能出現滾動條,那麼,高度就要求自適應了,但是並不是所有的高度都是按照百分比的形式來做,按鈕啊,內部的一些高度就可以使用px,最外層可以這麼設置:

$(function () {
    var winH = $(window).height();
    $("body").height(winH * 765 / 765);
    $(".indexMain").height(winH * 765 / 765);//內容
    $(".mainTop").height(winH * 765 / 765);

});

7,如果把彈框寫在子頁面上,那麼遮罩層的問題呢,就是寫3個遮罩層進行拼接。

子頁面一個遮罩層,父集頁面寫上下兩個遮罩。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章