iframe标签 实现的页面部分刷新

<script src="js/jquery.js"></script>
<script src="js/js.js"></script>
<script src="js/time.js"></script>
<script>
$(document).ready(function(){
$(".list li").click(function(){
var aurl=$(this).data('src');
$("#iframe").attr("src",aurl);
});
});

</script>

    <section class="publicMian ">
        <div class="left">
            <h2 class="leftH2"><span class="span1"></span>功能列表 <span></span></h2>
            <nav>
                <ul class="list">
                    <li data-src="billList.html"><a href="#">账单管理</a></li>
                    <li data-src="providerList.html"><a href="#">供应商管理</a></li>
                    <li data-src="userList.html"><a href="#">用户管理</a></li>
                    <li data-src="password.html"><a href="#">密码修改</a></li>
                    <li data-src="billList.html"><a href="login.html">退出系统</a></li>
                </ul>
            </nav>
        </div>
        <div class="right">
           <iframe src="index.html" id="iframe" width="100%" height="600px" frameborder="0"></iframe>
        </div>
    </section>