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 模式中,它必须是在你的文件NAMEID属性为"foobar"的一个绝对定位或相对定位了的<DIV><SPAN>)。然后你就可以设定上述各种属性。你还可以用document.foobar来代表这个对象。

在Internet Explorer中,则用一种水平的结构来代表对象。所以IDNAME属性为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

posted on 2005-11-18 13:36  泽来  阅读(551)  评论(0编辑  收藏  举报