前端小記

“簡(jiǎn)單地記一下這段時(shí)間所遇到的前端知識(shí)點(diǎn)”
1.用于重新計(jì)算iframe高度

function getHeight() {
    var iframe = parent.document.getElementById('iframe0');
    var _navLeft = parent.document.getElementById('nav-left');
    if ($(iframe).length > 0) {
        $(iframe).height(getHeightFromIframe(iframe));
        $(_navLeft).height(getHeightFromIframe(iframe) + 102);
        // IE8 下該事件只觸發(fā)了一次
        if (iframe.attachEvent) {
            iframe.attachEvent("onload", function () {
                $(iframe).height(getHeightFromIframe(iframe));
                $(_navLeft).height(getHeightFromIframe(iframe) + 102);
            });
        } else {
            iframe.onload = function () {
                $(iframe).css("min-height", "530px");
                $(iframe).height(getHeightFromIframe(iframe));
                $(_navLeft).height(getHeightFromIframe(iframe) + 102);
            };
        }
    }
}
function getHeightFromIframe(selector) {
    return $(selector).contents().find('body').height() + 200;
}

2.PC端窗口縮放,頁(yè)面布局不發(fā)生改變,只要在該頁(yè)面上加上min-width:?px就行了。
3.請(qǐng)求數(shù)據(jù)(很多種請(qǐng)求數(shù)據(jù)的方式,這里我只是為自己做個(gè)筆記)

function getdata(url, parm, fn, errfn) {
    $.ajax({
        url: urlPrefix + url,
        data: parm,
        type: "POST",
        dataType: "json",
        cache: false,//不取瀏覽器緩存
        async: true,//異步
        success: function (data) {
            fn(data);
        }, error: function (err) {
            if (err.status == "409") {//系統(tǒng)定義409為session超時(shí),轉(zhuǎn)換提示信息
                alert('用戶信息丟失,請(qǐng)重新登錄!');
                //window.location.href = "/Login";
            }
            hideloading();
            //alert("出錯(cuò)了" + JSON.stringify(err));
            errfn && errfn(err)
        }, complete: function () {
        }
    });
}

4.獲取瀏覽器地址欄?后面的參數(shù)

function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]);
    return null;
}

5.iframe的回到頂部

function backtotop() {
    window.parent.scrollTo(0, 0);
}

6.請(qǐng)求頁(yè)面

function getHTML(url, parm, fun) {
    $.ajax({
        url: urlPrefix + url,    //請(qǐng)求的url地址
        dataType: "html",   //返回格式為json
        async: true, //請(qǐng)求是否異步,默認(rèn)為異步,這也是ajax重要特性
        data: parm,    //參數(shù)值
        type: "GET",   //請(qǐng)求方式
        beforeSend: function () {
            //請(qǐng)求前的處理
        },
        success: function (req) {
            fun(req);
        },
        complete: function () {
        },
        error: function () {
            popWindow(0, '獲取頁(yè)面失敗!', 1400);
            $("#about").modal();

        }
    });
}

7.格式化日期

dateForm(new Date()) 獲取當(dāng)前系統(tǒng)時(shí)間

//只有一位數(shù)時(shí)前面補(bǔ)0
function appendzero(obj) {
    if (obj < 10) return "0" + "" + obj;
    else return obj;
}
function dateForm(time) {
    var data = new Date(time);
    var year = data.getFullYear();  //獲取年
    var month = data.getMonth() + 1;    //獲取月
    var day = data.getDate(); //獲取日
    time = year + "-" + appendzero(month) + "-" + appendzero(day);
    return time;
}

8.計(jì)算6個(gè)月前的時(shí)間

function lessSixMonth(time) {
    var startDate = new Date(time);
    var firstdate = new Date(startDate.setMonth(startDate.getMonth()-6));
    return firstdate;
}

var firstdate = new Date(year, month, 1); //取指定月的第一天
var endDate = (new Date(firstdate.getTime() - 1000 * 60 * 60 * 24));//獲取指定月最后一天

9.懸浮

//有iframe用window.parent.document,沒有用document
 $(window.parent.document).scroll(function () {
        var scrollheight = parseInt($(window.parent.document).scrollTop());
        if (scrollheight >= 660) {
            $("#chartTab").css({
                "position": "fixed",
                "top": parseInt($(window.parent.document).scrollTop()) - 145 + "px"
            });
        } else if (scrollheight < 660) {
            $("#chartTab").css({
                "position": "relative",
                "top": "0px"
            });
        }
    });

10.在IE8不支持background-size,解決辦法用過(guò)濾

.f-content{
    margin-top:40px;
    height: 480px;
    font-size: 16px;
    text-align: center;
    background-image: url('D:/BF/Desktop/DFI COC/images/funnel.png');
    background-size: cover;
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='D:/BF/Desktop/DFI COC/images/funnel.png',sizingMethod='scale')";
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='D:/BF/Desktop/DFI COC/images/funnel.png',
    sizingMethod='scale');
}
 <!--[if IE 8]>
    <style type="text/css">
    .f-content{
    margin-top:40px;
    height: 480px;
    font-size: 16px;
    text-align: center;
    background-image: none;
    background-size: cover;
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='D:/BF/Desktop/DFI COC/images/funnel.png',sizingMethod='scale')";
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='D:/BF/Desktop/DFI COC/images/funnel.png',
    sizingMethod='scale');
}
</style>
<![endif]-->

網(wǎng)上說(shuō)圖片最好用絕對(duì)路徑,貌似用相對(duì)路徑也行呵!

暫時(shí)記下這幾點(diǎn)。。。。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,554評(píng)論 19 139
  • <a name='html'>HTML</a> Doctype作用?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,826評(píng)論 1 19
  • 到了晚上 momo:我回來(lái)了! 多賢:你回來(lái)咯今天的派對(duì)好玩嗎? momo:好玩?。∽钪匾氖鞘澄镉形易類鄣呢i蹄誒...
    萬(wàn)斯once閱讀 286評(píng)論 0 0
  • 白斬雞是很傳統(tǒng)的一道美食,在中國(guó)北方非常的常見,制作好的白斬雞皮黃肉白,味道非常的鮮美,那么大家知道白斬雞的做法嗎...
    快樂使者_(dá)閱讀 3,354評(píng)論 0 0
  • 氣質(zhì),截取百度百科:氣質(zhì)在社會(huì)所表現(xiàn)的,是一個(gè)人從內(nèi)到外的一種內(nèi)在的人格魅力然后所發(fā)揮的一個(gè)人內(nèi)在魅力的質(zhì)量的升華...
    盧秀銘閱讀 711評(píng)論 0 3

友情鏈接更多精彩內(nèi)容