总结最近项目遇到的技术问题及解决方法

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'

}