js根据tab点击链接到不同页面

来源：互联网发布：防网络尖兵编辑：程序博客网时间：2024/06/08 02:54

1、html 代码

<div style="padding: 15px 0 0 15px"><a onclick="wzNeed();"style="width: 100px; font-weight: bold; font-size: 14px;" class="btn btn-normal" id="btn1" href="javascript:;"> <i style="margin-right: 8px; font-size: 18px;" class="fa fa-cubes"></i>物资情况</a> <a onclick="zjNeed();" style="width: 100px; font-weight: bold; font-size: 14px;" class="btn btn-normal" id="btn2" href="javascript:;"> <i style="margin-right: 8px; font-size: 18px;" class="fa fa-jpy"></i>资金情况</a> <a onclick="gzNeed();" style="width: 100px; font-weight: bold; font-size: 14px;" class="btn btn-normal" id="btn3" href="javascript:;"> <i style="margin-right: 8px; font-size: 18px;" class="fa fa-user"></i>工作总结</a></div><div calss="content"><iframe id="mainFrame" name="mainFrame" frameborder="0" style="width: 100%;height: 100%"></iframe> </div>

2、js代码

$(function() {gzNeed();});function wzNeed(){$("#btn1").attr("class", "btn btn-normal btn-ok");$("#btn2").attr("class", "btn btn-normal");$("#btn3").attr("class", "btn btn-normal");$('#mainFrame').attr('src', "");}function zjNeed(){$("#btn1").attr("class", "btn btn-normal");$("#btn2").attr("class", "btn btn-normal  btn-ok");$("#btn3").attr("class", "btn btn-normal");$('#mainFrame').attr('src', "");}function gzNeed(){$("#btn1").attr("class", "btn btn-normal");$("#btn2").attr("class", "btn btn-normal");$("#btn3").attr("class", "btn btn-normal btn-ok");$('#mainFrame').attr('src',"");}

0 0