“簡(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)。。。。