JQuery 点击链接,实现局部刷新,iframe

JQuery 点击链接,实现局部刷新,iframe

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<script type="text/javascript" src="jquery-1.9.1.min.js">

</script>

<script type="text/javascript">

 $(function(){

            /* 点击事件会在超链接跳转前发生 */

            $("#div_test a").click(function(){

                var link = $(this).attr('href');

                $('#div_view').attr('src', link);

                var href = window.location.href;

                window.location.href = href.substr(0, href.indexOf('#')) + '#' + link;

                return false;

            });

        });

</script>

</head>

<body>

<div id="div_test">

        <ol>

            <li><a href="query.jsp">query.jsp</a></li>

            <li><a href="http://www.baidu.com">baidu.com</a></li>

        </ol>

    </div>

    <iframe id="div_view" width="100%"></iframe>

</body>

</html>

相关推荐