JQuery让框架Iframe包含的页面能够全部显示，但是一旦跳转，框架自适应的代码就不管用了，怎么做

Posted 2023-05-01

相关代码如图：问题补充：加载或者点击进入sc_main.html页面时没有问题，点进进入sc_ws.html时只能显示一部分，有很大一部分显示不出来。而把iframe中的src改成sc_ws.html后sc_ws.html没问题,sc_main.html显示不完全。求解

需要在iframe引入的文件里加入下面的代码

//注意：下面的代码是放在/Poster/rightgp调用
$(window.parent.document).find("#main1").load(function()
var main = $(window.parent.document).find("#main1");
var mainheight = $(document).height()+100; //100换成sc_top的高度
main.height(mainheight );
); 参考技术A 设置iframe的 宽高100%追问

但是我用了高度自适应了啊？第一个界面可以完全显示的

jQuery(javascript)无法跨域，怎么解决？是想获取iframe的框架里面的东西!!

我用了iframe框架,想获取里面的一些元素，但是被提示没有权限，查了资料是js无法跨域。但是，我都是同一个域名啊。我是用asp.net。请问高手怎么是解决的呀？就像图一样，我点单击左边框架的链接，右边框架就会显示相应的页面.我现在在这个页面，用js想获取右边框架的一些元素。这个问题怎么解决呢?

这里主要就是通过JS来操作Window对象。Window 对象表示浏览器中打开的窗口，如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。

　经过我在网上查资料，找到了JS操作iframe中HTML元素的方法。示例如下。
1function ShowExit()
2//获取iframe的window对象3var topWin = window.top.document.getElementById("topNav").contentWindow;
4//通过获取到的window对象操作HTML元素，这和普通页面一样5 topWin.document.getElementById("exit").style.visibility = "visible";
6
　　说明：第一步，通过window.top.document.getElementById("topNav")方法获取了顶部菜单页面（topPage.htm）所在的iframe对象；第二步，通过上一步获取到的iframe对象的contentWindow属性得到了iframe中元素所在的window对象；第三步，通过上一步获取到的window对象来操作iframe框架中的元素，这和操作不在iframe框架中的普通HTML元素是一样的。
http://www.cnblogs.com/sunyunh/archive/2012/09/15/2687056.html 参考技术A 小波，我看过你的页面，你是一个大框架，然后左边一个，右边一个。对于左右2个框架是平等的关系。你想要在左框架获取右框架的元素是不算跨域的。他们同属于一个父节点。所以，你只需要先调用父节点对象，然后从父节点访问子节点即可。像这样：parent.frames['rightF'].document;rightF是右边框架的名字。如果用的是ID就：parent.document.getElementById('rightF').document; 参考技术B $("iframe").contents().find("#id") 参考技术C if (document.all)//IE
doc = document.frames["MyIFrame"].document;
else//Firefox
doc = document.getElementById("MyIFrame").contentDocument;