`

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

jquery 
阅读更多

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>

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

        </ol>

    </div>

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

</body>

</html>

分享到：
| 名词解释
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics