4

广告提供商希望我们向我们的网站添加一些 Javascript，以便他们调整投放广告的 iframe 的大小。我一直在浏览代码，其中一部分是这个循环：

var topIframes = top.document.getElementsByTagName('IFRAME');
for (var i = 0; i < topIframes.length; i++) {
    if (topIframes[i].contentWindow === self) {
        // found iframe that served the ad
        topIframes[i].style.height = sz + 'px';
    }
}

我可以看到它正在抓取文档中的所有 iframe 并调整其中一个或多个 iframe 的高度。但我无法弄清楚条件在做什么。

我知道 contentWindow 是 iframe 内的窗口，并查看self 和 window 之间的区别是什么？我看到“self”是对窗口对象的引用。但是哪个窗口对象？父窗口还是 iframe 内的窗口？iframe里面甚至有一个窗口吗？为什么要检查 iframe 内的窗口是否是 iframe 内的窗口？

////////////////////////////////////

编辑

应 Snuffleapagus 的要求，这是长版本：

<script type="text/javascript">

    // iframe shrink function that needs to be on the hosting page
    rp_resize = function (sz) {
        try {
            var topIframes = top.document.getElementsByTagName('IFRAME');
            for (var i = 0; i < topIframes.length; i++) {
                if (topIframes[i].contentWindow === self) {
                    // found iframe that served the ad
                    topIframes[i].style.height = sz + 'px';
                }
            }
        } catch (e) {
        }
    }

</script>

<script>

    // this is the code that goes in the passback to initiate the function
    try {
        if (typeof(rp_mpu) === 'function') {
            rp_resize(250);
        }
    } catch (e) {

    }

</script>

<script language="JavaScript" type="text/javascript">
rp_account   = '<account-id>';
rp_site      = '<site-id>';
rp_zonesize  = '<zone-id>-<size-id>';
rp_adtype    = 'js';
rp_smartfile = 'http://<url>/..../revv_smart_file.html';    // this should be the URL path to the friendly iframe that needs resizing
</script>
<script type="text/javascript" src="http://ads.<url>.com/ad/<account-id>.js"></script>

////////////////////////////////////

编辑

这是广告提供商在回答我关于这种情况的问题时可能提供的线索。不知道它有多少用处，因为他不是开发人员。

“您正在查看的代码行试图确定它是否是启动函数的 iFrame，以便可以相应地调整它的大小。”

4

3 回答 3

1

根据我对使用 Javascript 以及它如何访问 iFrame 的了解，提供者假设您在页面上有多个 iFrame。此外，它假定他们正在寻找的 iFrame 没有可轻松引用的 ID。

基于此，在加载了广告内容的帧之后，它会在某个时候调用 rp_resize(250);。但是，函数 rp_resize 不知道它是从页面上的哪个 iFrame 调用的。该脚本遍历页面上的所有 iFrame，直到找到调用该函数的 iFrame。这就是它知道调用哪个帧的方式。

希望这是有道理的和/或回答你的问题。

于 2013-11-05T17:47:34.037 回答
0

.contentWindownull如果iframe尚未完全加载，将返回。看起来代码正在循环iframes，检查它们是否已加载，如果是，则调整它们的大小。

编辑：musefan 是对的；我用词不正确。

编辑 2：Why check that the window inside an iframe is the window inside an iframe?如果尚未加载，则为 null；如果它被加载，它是一个窗口。

于 2013-11-05T17:17:19.420 回答
0

我想，self是指父窗口。要检查，请在浏览器控制台中输入以下内容并查看结果：

self == window
于 2013-11-05T17:02:19.067 回答