javascript之dom编程(4):常用对象3

javascript之dom编程(4):常用对象3

分类:javascript

一:body对象操作1.概念body对象是document对象的一个成员属性,通过document.body来访问.

使用body对象,,要求文档的主体创建后才能使用,也就是说不能在文档的body体还没有创建就去访问body,2.Body常用属性:appendChild() 添加元素removeChild() 删除元素getElementsByTagName() 通过html元素名称,得到对象数组.bgColor 文档背景色backgorund 文档背景图innerText 某个元素间的文本innerHtml 某个元素间的html代码onload事件 文档加载时触发onunload事件 文档关闭时触发onbeforeunload事件 文档关闭前触发二:网页广告栏案例<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><div id="div1" style="LEFT: 100px; POSITION: absolute;TOP: 0px"><img src="img/face.jpg"/></div><script language="javascript" type="text/javascript"><!–//向x轴方向移动var divX=1;//向y轴方向移动var divY=1;//开始图片的位置var posX=0;//div的x坐标var posY=0;//div的y坐标function move(){//横纵坐标加2posX+=2*divX;posY+=2*divY;div1.style.top=posY+"px";div1.style.left=posX+"px";if(posX<=0||posX+div1.offsetWidth>=document.body.clientWidth){//改变方向divX=-divX;}if(posY<=0||posY-div1.offsetHeight*2>=document.body.clientHeight){divY=-divY;}}//设置定时器setInterval("move()",10);//–></script></body></html>

版权声明:博主原创文章,转载请说明出处。

上一篇javascript之dom编程(3):常用对象2下一篇jsp内置对象(四):response,out,pagecontext

顶1踩0

要铭记在心;每天都是一年中最美好的日子

javascript之dom编程(4):常用对象3

相关文章:

你感兴趣的文章:

标签云: