Javascript 您是否需要；name.html"；是否可以轻松调整YXDM iFrame的大小？

有人知道在跨域调整浏览器大小时是否需要“name.html”easyxdm文件吗？如果需要，请告诉easyxdm在哪里查找

目前，我在iFrame中从另一个网站获取预订表单，但是我看不到任何引用name.html的示例，因此我担心我没有正确设置它

虽然这个页面看起来不错，但我只是想确保我已经涵盖了所有内容

下面是我使用的示例：

这是我在消费网站上的easyxdm代码，是否应该在javascript中指定

<div id="container" style="width: 100%;"><div id="loadingmsg" style="color:white; font-size: 12pt;">Loading...</div></div>
    <script type="text/javascript">
    new easyXDM.Socket({
        remote: "http://dev.ultimatetripstore.com/Book/Arrival-External?pid=1&SkinSrc=/portals/_default/skins/_default/no%20skin&ContainerSrc=/portals/_default/containers/_default/no%20container&bgcolor=000&fontcolor=fff&themecolor=d80c8c&hcolor=ffffff",
        swf: "http://dev.ultimatetripstore.com/easyxdm.swf",
        container: document.getElementById("container"),
        onMessage: function(message, origin){
            this.container.getElementsByTagName("iframe")[0].style.height = message + "px";
            this.container.getElementsByTagName("iframe")[0].style.width = "100%";
            this.container.getElementsByTagName("iframe")[0].frameborder = 0;
            this.container.getElementsByTagName("iframe")[0].style.border = "0px solid red";
            this.container.getElementsByTagName("iframe")[0].scrolling="no";
        }
    });
    </script>

正在加载。。。
新easyXDM.插座({
远程：http://dev.ultimatetripstore.com/Book/Arrival-External?pid=1&SkinSrc=/portals/_default/skins/_default/no%20skin&ContainerSrc=/portals/_default/containers/_default/no%20container&bgcolor=000&fontcolor=fff&themecolor=d80c8c&hcolor=ffffff",
swf:“http://dev.ultimatetripstore.com/easyxdm.swf",
容器：document.getElementById（“容器”），
onMessage：函数（消息、来源）{
this.container.getElementsByTagName（“iframe”）[0].style.height=message+“px”；
this.container.getElementsByTagName（“iframe”）[0].style.width=“100%”；
this.container.getElementsByTagName（“iframe”）[0].frameborder=0；
this.container.getElementsByTagName（“iframe”）[0].style.border=“0px实心红色”；
this.container.getElementsByTagName（“iframe”）[0].scrolling=“否”；
}
});

查看easyXDM.js文件后，我发现如何正确添加name.html文件

这是假设您已经在某种程度上使用了iFrame

在提供商网站上发布

将name.html添加到目录的根目录中

在提供页面的底部添加以下代码段，确保包含local属性，并将其设置为name.html文件的位置

<script type="text/javascript">
var socket = new easyXDM.Socket({
    local: "name.html",
    onReady: function () {
    socket.postMessage(document.body.scrollHeight);
    }
});
</script>

var套接字=新的easyXDM.socket({
本地：“name.html”，
onReady:function（）{
socket.postMessage（document.body.scrollHeight）；
}
});

在消费者网站上发布

将remoteHelper属性添加到现有javascript片段中，并将其指向consumersname.html文件。因此，在我的情况下：

<div id="container" style="width: 100%;"></div>
<script type="text/javascript">
new easyXDM.Socket({
    remote: "http://dev.ultimatetripstore.com/Book/Arrival-External?pid=1&SkinSrc=/portals/_default/skins/_default/no%20skin&ContainerSrc=/portals/_default/containers/_default/no%20container&bgcolor=000&fontcolor=fff&themecolor=d80c8c&hcolor=ffffff",
    remoteHelper: "http://dev.ultimatetripstore.com/name.html",
    swf: "http://dev.ultimatetripstore.com/easyxdm.swf",
    container: document.getElementById("container"),
    onMessage: function(message, origin){
        this.container.getElementsByTagName("iframe")[0].style.height = message + "px";
        this.container.getElementsByTagName("iframe")[0].style.width = "100%";
        this.container.getElementsByTagName("iframe")[0].frameborder = 0;
        this.container.getElementsByTagName("iframe")[0].style.border = "0px solid red";
        this.container.getElementsByTagName("iframe")[0].scrolling="no";
    }
});
</script>

新easyXDM.插座({
远程：http://dev.ultimatetripstore.com/Book/Arrival-External?pid=1&SkinSrc=/portals/_default/skins/_default/no%20skin&ContainerSrc=/portals/_default/containers/_default/no%20container&bgcolor=000&fontcolor=fff&themecolor=d80c8c&hcolor=ffffff",
remoteHelper:“http://dev.ultimatetripstore.com/name.html",
swf:“http://dev.ultimatetripstore.com/easyxdm.swf",
容器：document.getElementById（“容器”），
onMessage：函数（消息、来源）{
this.container.getElementsByTagName（“iframe”）[0].style.height=message+“px”；
this.container.getElementsByTagName（“iframe”）[0].style.width=“100%”；
this.container.getElementsByTagName（“iframe”）[0].frameborder=0；
this.container.getElementsByTagName（“iframe”）[0].style.border=“0px实心红色”；
this.container.getElementsByTagName（“iframe”）[0].scrolling=“否”；
}
});

---

希望这对其他人有所帮助。

使用easyXDM的人太少了。请你看一下好吗？