DHtml学习

教程是5日学会动态html
基础是hmtl,javascript,css，呵，还好前几天将html看了个大概；css只是看过简单的示例，从没动手写过；javascript向来只是拿来主义，想学完dhtml再学javascript的，前来前后倒置了，不过既然决定了，就先学Dhtml再来学javascript吧。先不搞asp.net倒跑来弄网页技术，不知是不是本末倒置。因为迷惘，所以跟自己感觉走，学吧。

一：相对定位和绝对定位
1.绝对定位指令定位时，实际将其从HTML文件流中抽了出来，将其直接根据网页的左上角的位置进行定位。这种情况下各个对象有可能互相重叠在一起。
2.相对定位：实际占据的就是它在这个HTML文件中的位置，它的定位起点基于HTML页所在的位置
<style>
    #firstSytle
    {
        position:absolute;相对定位
        left:30px;
        top:30px;
        height:30px;
        width:30px;   
}
</style>
<div id="firstSytle"></div>

二：
Netscape利用分层运行动态HTML。它的运行方式同图象数组在Navigator中的方式类似。你设定一个分层对象的数组，象对图象的引用那样设定引用方式。所以document.layers['foobar'] 则是代表被相对定位或是绝对定位了的<DIV>的对象 (在Netscape 模式中，它必须是在你的文件NAME或ID属性为"foobar"的一个绝对定位或相对定位了的<DIV>或<SPAN>)。然后你就可以设定上述各种属性。你还可以用document.foobar来代表这个对象。

在Internet Explorer中，则用一种水平的结构来代表对象。所以ID或NAME属性为foobar的<DIV>就是foobar，所以你可以用foobar.style.left来访问或设定这个对象的左边的位置。还有许多种循环访问一系列对象的方法（非常有用）。在Explorer的文件对象模块（Document Object Model）中，对象可以代表所有在该对象之下的对象（object object object）。所以foobar.all 包含所有包含在foobar之下的HTML标签。无论什么时候你都可以找到一个很好的类属对象－document.all，因为所有的网页中都有一个文件（document），因此它必然有一个document.all对象。
//如果浏览器为网景或IE,则执行下面的函数
if((document.layers)||(document.all))
{
    setTimeout('move()',1000); 
}
打开一个新窗体
windowID = window.open('name', 'http://blah.com/');
windowID.location="anotherpage.html";改变打开的页面
windowID.close();关闭



五:
将对象定位到窗口的右边

<div id = " foo " >
</div>
if(document.layers)
{
   document.foo.left  =  window.innerWidth - window.foo.clip.Width ;
}
else if(document.all)
{
   document.foo.style.left  =  document.OffsetWidth - parseInt(foo.style.width) ;
}

dddddddddddd