javascript - 重新分配 window.orientation？

Question

我正在使用页面内的 iframe，并且页面和 iframe 位于不同的域中。该站点适用于移动设备，因此我通过 html 发布消息将页面的 window.orientation 属性传递给 iframe。这是可行的，但现在我需要一种方法来将 iframe 的 window.orientation 属性分配给从发布消息接收到的值。是否可以重新分配诸如 .orientation 之类的窗口属性，如果可以，如何重新分配？

感谢所有帮助。

编辑：这样做的目的是让 css 媒体查询到设备的方向，以便在 iframe 中工作。

Answer 1

也许这可以解决您的问题。

JS

var currentWidth = 0;

function updateLayout() {
    if (window.innerWidth != currentWidth) {
        currentWidth = window.innerWidth;

        var orient = currentWidth == 320 ? "profile" : "landscape";
        document.body.setAttribute("class", orient);
    }
}

setInterval(updateLayout, 400);
window.addEventListener("resize", updateLayout, false);
window.addEventListener("orientationchange", updateLayout, false);​

CSS

.profile{background:#f00}
.landscape{background:#00f}​

演示