Question

我知道这个主题有各种各样的主题。但我想知道我的方法是否完全错误。我试图根据浏览器大小设置包装器的高度。到目前为止，我有这个JavaScript函数返回屏幕的高度和宽度。

<script language="JavaScript">
var screenW = 640, screenH = 480;
if (parseInt(navigator.appVersion)>3) {
 screenW = screen.width;
 screenH = screen.height;
}
else if (navigator.appName == "Netscape" 
    && parseInt(navigator.appVersion)==3
    && navigator.javaEnabled()
   ) 
{
 var jToolkit = java.awt.Toolkit.getDefaultToolkit();
 var jScreenSize = jToolkit.getScreenSize();
 screenW = jScreenSize.width;
 screenH = jScreenSize.height;
}
</script>

我希望稍后调用这些变量的值： <div id="wrapper" style = "height: valuepx; screenHwidth: screenWpx;>与PHP回声类似。

我应该如何接近调用变量？

提前致谢。

Answer 1

您必须从Javascript分配样式：

var wrapper=document.getElementById("wrapper");
wrapper.style.height = screenH;
wrapper.style.width = screenW;

或使用jQuery：

$("#wrapper").css({
  width:screenW, 
  height:screenH
})

在CSS中调用JavaScript变量

1 个答案: