iframe的Javascript调整大小功能在谷歌浏览器中不起作用

iframe的Javascript调整大小功能在谷歌浏览器中不起作用,第1张

概述我使用了一个我在stackoverflow上找到的 javascript resize函数,它适用于IE和FF.但是,在Google Chrome中,它只能调整比前一个更大的iframe.如果必须调整较小的iframe,则需要相同的高度并增加30px. 我认为它与检索scrollHeight有关,但我不知道如何修复它. 我已经尝试使用超时,因为我读到的地方可能有所帮助,但事实并非如此. 这是相关的 我使用了一个我在stackoverflow上找到的 javascript resize函数,它适用于IE和FF.但是,在Google Chrome中,它只能调整比前一个更大的iframe.如果必须调整较小的iframe,则需要相同的高度并增加30px.

我认为它与检索scrollHeight有关,但我不知道如何修复它.

我已经尝试使用超时,因为我读到的地方可能有所帮助,但事实并非如此.

这是相关的代码:

function autoResize(ID){        var newheight;        if(document.getElementByID)        {            newheight=document.getElementByID(ID).contentwindow.document.body.scrollHeight;            newheight=newheight+30;        }        document.getElementByID(ID).height = (newheight) + "px";    }    <iframe src="<?PHP echo "$LC"; ?>/home.HTML" name="iframe" ID="iframe" wIDth="435px" height="10px" scrolling="no" frameborder="0"  onLoad="setTimeout(autoResize('iframe'),250);";">

编辑:通过将功能更改为解决它

function autoResize(ID) {        document.getElementByID(ID).height = document.getElementByID(ID).contentdocument.documentElement.scrollHeight+15; //Chrome        document.getElementByID(ID).height = document.getElementByID(ID).contentwindow.document.body.scrollHeight+15; //FF,IE    }
解决方法
function autoResize(ID) {    document.getElementByID(ID).height = document.getElementByID(ID).contentdocument.documentElement.scrollHeight+15; //Chrome    document.getElementByID(ID).height = document.getElementByID(ID).contentwindow.document.body.scrollHeight+15; //FF,IE}
总结

以上是内存溢出为你收集整理的iframe的Javascript调整大小功能在谷歌浏览器中不起作用全部内容,希望文章能够帮你解决iframe的Javascript调整大小功能在谷歌浏览器中不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1041902.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-24
下一篇 2022-05-24

发表评论

登录后才能评论

评论列表(0条)

保存