ldywzy 发表于 2008-4-7 15:45

请高手告诉一下这段代码的意思

<script type="text/javascript">
<!--
function e(e) {return document.getElementById(e)}
function init() {if(window.innerWidth==null)
{ var h=document.body.clientWidth+20}
else {var h=window.innerWidth}
var h1=Math.round((h-920)/2);
if(h1<0) h1=0
e('Layer1').style.left=h1+'px'
e('Layer2').style.left=h1+'px'
//e('Layer3').style.left=h1+'px'
}
init()
window.onresize =init
//-->
</script>'px'

徐志摩 发表于 2008-4-10 12:47

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

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

好了，下面看第二个函数的代码，我认为这样写更好些。
[code]
              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'
              }
[/code]
因为IE浏览器不识别  window.innerWidth 属性，所以通过一个  if...else  判断，得到当前窗体的宽度，即h。

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

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

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

页: [1]

编程论坛