教程是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();关闭
五:
将对象定位到窗口的右边
![None.gif](/Images/OutliningIndicators/None.gif)
![None.gif](/Images/OutliningIndicators/None.gif)
![None.gif](/Images/OutliningIndicators/None.gif)
![None.gif](/Images/OutliningIndicators/None.gif)
![None.gif](/Images/OutliningIndicators/None.gif)
![None.gif](/Images/OutliningIndicators/None.gif)
![None.gif](/Images/OutliningIndicators/None.gif)
![None.gif](/Images/OutliningIndicators/None.gif)
![None.gif](/Images/OutliningIndicators/None.gif)
![None.gif](/Images/OutliningIndicators/None.gif)
![None.gif](/Images/OutliningIndicators/None.gif)