我在单击时动态创建了 Iframe,并且 iframe 加载的 src 文件包含巨大的下拉列表,我使用此方法动态设置 iframe 高度,现在在 iframe 中,如果用户单击下拉列表,值不会完全显示
因此,单击下拉列表时,我将设置 iframe 高度以通过调用函数来显示所有下拉列表值
<a href="javascript(0)" id="dp1" onclick="setIframeHeight(this.id)">sources</a>
我的Javsctip看起来像:
function setIframeHeight(no){
var iFrameID = window.frameElement.id; // diplays exact id of iframe
window.parent.document.getElementById(iFrameID).height = '1500px';
}
/* as i get iframe id, how to set the height of the iframe. */
它应该是
window.parent.document.getElementById(iFrameID).style.height = '1500px';
但是,如果您尝试从来宾内容中设置 iFrame 高度并guest_origin !== host_origin,则必须运行主机的功能以使帧调整工作。