html iframe局部切换页面_tab切换代码iframe局部刷新页面-阿里云开发者社区

2017年12月27日

tab切换代码iframe局部刷新页面

• 首页

• 用户

• 邀请

• 试用

• 报告

//动态绑定

$('body').on('click','.js-list',function(){

var active_list = ['home','user','invite','tryout','report'];

var len = active_list.length;

var parameter = $(this).attr('data-m');

for(var i = 0;i < len;i++){

if(active_list[i] == parameter){

$('a[data-m="' + active_list[i] + '"]').addClass('active');

}else{

$('a[data-m="' + active_list[i] + '"]').removeClass('active');

}

}

//iframe局部刷新页面

var me = $(this).attr('go');

$('#iframe_list').attr('src',me);

//操作iframe中的元素

$('#iframe_list').contents().find('body').attr('class', 'theme-color');

});