请高手告诉一下这段代码的意思 - JavaScript论坛

得分:0

第一个函数 function e(e)这个就是一个快捷方式，如果你看过prototype的话，这个类似于$(obj)。
就是根据页面的元素名称(元素id)，返回当前的元素引用。

第二个函数function init()，主要是用于对页面元素 id="Layer1"以及id="Layer2" 的样式进行相关设置，使用了上面的函数调用，即e("Layer1")和e("Layer2")。
e("Layer1").style.left = h1 + 'px',这句是设置"Layer1"元素的样式，如下相同.

好了，下面看第二个函数的代码，我认为这样写更好些。

程序代码：

              function init(){
                var h;
                if (window.innerWidth) {
                    h = window.innerWidth;
                }
                else {
                    h = document.body.clientWidth + 20;
                }
                var h1 = Math.round((h - 920) / 2);
                if (h1 < 0) {
                    h1 = 0;
                }
                e('Layer1').style.left=h1+'px'
                e('Layer2').style.left=h1+'px'
              }

因为IE浏览器不识别 window.innerWidth 属性，所以通过一个 if...else 判断，得到当前窗体的宽度，即h。

另外：这段<script>....</script>应当放入<body></body>中或</body>后执行，否则在IE中是获取不到h的值的。

window.onresize = init();
是说变更浏览器尺寸的时候，调用init这个函数。

[[it] 本帖最后由徐志摩于 2008-4-10 13:01 编辑 [/it]]