javascript - 在 Internet Explorer 8 中调整 HTML 对象大小

Question

我在弹出窗口上显示了一个闪光灯。当我调整窗口大小时；闪光灯的宽度增加，而高度保持不变。

var objectNode = document.createElement("object");
objectNode.appendChild(param); 
objectNode.id = viewerId;
objectNode.width = "100%";
objectNode.height = "100%";
objectNode.classid = "clsid:" + SOME_ID;
containerObject.appendChild(objectNode);

containerObject 是一个 HTMLDivElement。这当然适用于除 Internet Explorer 8 以外的所有浏览器。

Answer 1

对于那些可能有一天会面临这个问题的人：

这其中存在多个问题。

1. 如问题所示设置宽度和高度属性不起作用。

2. 在 internet explorer height:100% 如果它的父母的身高不是 100% 将被忽略

在这种情况下将 containerObject、body 和 html 的高度更改为 100% 可以解决此问题。

var htm = document.getElementsByTagName("html")[0].style.height="100%";
var bod = document.getElementsByTagName("body")[0].style.height="100%";
var objectN = document.createElement("object");
containerObject.setAttribute("style", "height:100%");
objectN.appendChild(param);
objectN.setAttribute("id", "viewer");
objectN.setAttribute("style", "width:100%;height:100%;");
objectN.setAttribute("classid", "clsid:" + PLUGIN_CLSID)
containerObject.appendChild(objectN);