首頁 > 開發者 > JavaScript
標籤：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(){
//橫縱座標加2
posX+=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>
著作權聲明：博主原創文章，轉載請說明出處。http://blog.csdn.net/dzy21
javascript之dom編程（4）：常用對象3
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
