页面跳转如何进入一个嵌套在Iframe中的页面中


场景:界面NewsView.aspx嵌套在NewsCenterFrame.aspx中的Iframe中

<iframe src="NewsView.aspx" runat="server" width="749" height="93%" frameborder="0" scrolling="yes"name="frame_right" id="frame_right"></iframe>

 

如何从外部新闻链接中打开NewsView.aspx界面而且确保它打开后还是嵌套在NewsCenterFrame.aspx,如果链接本身就是在NewsCenterFrame.aspx中那当然万事大吉,直接用target="frame_right"就行了,可如果不是呢,打开的结果则只是NewsView.aspx。

我解决这个问题的思路是在NewsView.aspx和NewsCenterFrame.aspx上面解决,不去改动链接。

NewsView.aspx:

       $(document).ready(function () {
            if (self.frameElement == null) {  //判断当前界面是否在iframe中
                var thisSLoc = self.location.href;  //获取当前界面的url全路径
                var tmpUPage = thisSLoc.split("/");
                var thisUPage = tmpUPage[tmpUPage.length - 1];//获取当前页面的页面名+所有参数
                window.location.href = "NewsCenterFrame.aspx?" + thisUPage;//打开要嵌入的父页面
            }
            else {
                $("#form1").css("display","inline");//让页面不显示,因为是先执行后台代码的,为了让页面再跳转的过程中NewsView.aspx的内容不显示,先把Form1隐藏掉,如果判断它已经在Iframe中则将它显示出来
            }
        })

 

NewsCenterFrame.aspx:

        $(document).ready(function () {
            var thisSLoc = self.location.href;
            var firstindex = thisSLoc.indexOf("?");

            var frameurl = thisSLoc.substring(firstindex + 1, thisSLoc.length);
            $("#frame_right").attr("src", frameurl);
        })

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



猜您在找 如何将一个HTML页面嵌套在另一个页面中 iframe嵌套页面中的跳转 如何将一个HTML页面嵌套在另一个页面中 如何将一个HTML页面嵌套在另一个页面中? 如何将一个HTML页面嵌套在另一个页面中 vue中嵌套页面(iframe) vue中嵌套页面(iframe) iframe 嵌套页面(模态框中嵌套) vue中嵌套页面 iframe 标签 Jquery如何获得