<li><a href="javascript:;" data-href="/html/weangels.html?typenum=1">关于我们</a></li>
有iframe的父页面中:
$("a").click(function () {
// console.log($(this).data('href'))
if ($(this).data('href') != '') {
$('#iframe').attr('src', $(this).data('href'))
}
})
getIframeParams = function (iframeId) {
var regexpParam = /\??([\w\d%]+)=([\w\d%]*)&?/g; //分离参数的正则表达式
var targetEle = document.getElementById(iframeId);
var paramMap = null;
if (!!targetEle) {
var url = targetEle.src; //取得iframe的url
var ret;
paramMap = {};//初始化结果集
//开始循环查找url中的参数,并以键值对形式放入结果集
while ((ret = regexpParam.exec(url)) != null) {
//ret[1]是参数名,ret[2]是参数值
paramMap[ret[1]] = ret[2];
}
}
return paramMap; //返回结果集
}
子页面
//获取父页面传来的数据
var getIframeParams = window.parent.getIframeParams('iframe').typenum;
console.log(getIframeParams)
//循环导航给某一个加样式
for (var i = 1; i <= 6; i++) {
// console.log(i)
if (i == getIframeParams) {
$('.weangels_nav_item' + i).addClass("weangels_nav_active");
// console.log($('.weangels_nav_item' + i))
}
}