1. 如何获取浏览器地址参数
var search = location.search;
//如果还想要获取确定的数据,可以解析字符串
function parse(search) {
//从第二个字符开始截取 ,获取到第二个开始后面所有的字符
var str = search.substring(1);
var result = {};
//分割字符串 产生字符串数组
var strs = str.split("&");
//遍历数组中的每一个元素
strs.forEach(function (v) {
//伪代码:v="age=18"
var keyvalue = v.split("=");
var name = keyvalue[0];
var value = keyvalue[1];
result[name] = value;
})
return result;
}
var r = parse(search);
console.log(r.name)
2. 跨页面传参
// 动态设置跳转链接
var params = ['dingzhuangdeng','bizhuangdeng','guidaodeng','huwaideng'];
params.forEach(function(item,idx) {
console.log(item,idx)
$('.moreList .moreproduct').eq(idx).find('a').attr('href','./productintro.html?chanpin=' + item);
})
4.项目公共头尾部提取 (需注意,需在服务器打开)
$(function(){
$('.header').load('./header.html', function(){
$('.top .nav li a').each(function() {
if ($($(this))[0].href==String(window.location)) {
$(this).parent('li').siblings().removeClass('active');
$(this).parent('li').addClass('active');
}
})
});
$('.footer').load('./footer.html');
})
5.使用rem适配时头部代码
// 当窗口大小发生改变的时候就会触发
window.onresize = calcFontSize
calcFontSize()
function calcFontSize() {
var fontSize = (document.documentElement.clientWidth * 100) / 1920
if (fontSize >= 100) {
fontSize = 100
}
document.documentElement.style.fontSize = fontSize + 'px'
}