Jquery实现“Iframe”页面切换

一：Defualt.aspx页面下的“IFrame”

        <iframe ></iframe> 

        <iframe ></iframe> 

 

二：实现切换页面

     <script type="text/javascript">

        function b_click() {

            $('#BoardTitle', parent.document).attr("src", "Admin/TVDepartAll.aspx");

            $('#mainFrame', parent.document).attr("src", "Welcome.aspx");

//            window.location.href = window.location.href;

　　

        };

　　     

　　

        function bt_un_click() {

            $('#BoardTitle', parent.document).attr("src", "left.aspx");

            $('#mainFrame', parent.document).attr("src", "Admin/TVDepartAll.aspx");

//            window.location.href = window.location.href;

        };

        function NowShow(Url) {

            window.parent.frames["mainFrame"].location = Url;

        }

    </script> 

 

    

       <input /> 

 

三： 与“TreeView”结合，使页面显示到指定框架

       myNode.NavigateUrl = "javascript:NowShow('"+url_all+"')";
        //myNode.Target = "mainFrame"; 

 

四：注意

     1、切换时，切换的页面会被重新加载。

     2、 Jquery获取Document元素时是“$ ”和“#”的筛选器。

 

    最后，加一分呗。