确定 iframe 的高度

发布于 2024-11-02 19:21:18 字数 567 浏览 0 评论 0原文

在我的页面上,我有一个我控制的 iframe 标记。 iframe src 属性指向我域上的另一个页面。这个 iframe 里面是一个 Javascript <脚本>标签将调用代码来投放某种广告。该广告的尺寸为 300 像素(宽)x 250 像素(高)或 500 像素(宽)x 500 像素(高),但我不知道将投放哪个广告。广告 Javascript 没有可用于获取高度和宽度信息的回调函数。

所以,这个标签在我的页面上。

<iframe src="http://mydomain.com/page_that_has_ad_code_that_will_run.html" frameborder="0" scrolling="no"></iframe>

有没有跨浏览器的方法来确定内部Javascript运行完成后iframe的高度?原生 Javascript 或 jQuery 就可以了。谢谢。

我尝试过 $('iframe').contents().height();但我不确定这是正确的方法。 (它当前返回一个大于 250 或 500 的值,因此它可能会拾取所有直接子标签。)

On my page, I have an iframe tag that I control. The iframe src attribute points to another page on my domain. Inside this iframe is a Javascript < script > tag that will call code to serve an ad of some sort. The ad is either 300px (w) x 250px (h) or 500px (w) x 500px (h), but I don't know which ad will be served. The ad Javascript has no callback function that I can use to obtain height and width information.

So, this tag is on my page.

<iframe src="http://mydomain.com/page_that_has_ad_code_that_will_run.html" frameborder="0" scrolling="no"></iframe>

Is there a cross-browser way to determine the height of the iframe after the inside Javascript finishes running? Native Javascript or jQuery is fine. Thank you.

I have tried $('iframe').contents().height(); but I'm not sure that is the proper way. (It currently returns a value greater than 250 or 500, so it's probably picking up all the immediate children tags.)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

柠檬心 2024-11-09 19:21:18

您可以使用以下代码访问 iframe 的元素:
首先你应该给你的 iframe 一个名称,给你的广告一个 id

parent.frames['name_of_iFrame'].document.getElementById('id_of_element').height;

,你应该对宽度做同样的事情

You can access an element of an iframe with the follow code:
first you should give your iframe a name, and your ad an id

parent.frames['name_of_iFrame'].document.getElementById('id_of_element').height;

and you should do the same for the width

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文