您的位置：首页 > Web前端 > JavaScript

javascript入门笔记（6）——document

2015-08-18 10:37 453 查看

document

document
call
image

event
onLoadonUnload

onMouseOveronMouseOut

onClickonDlbClick PSright click is not supported by all platforms

onSubmit

DOM

document object model

the members of document provide infos about the html document.

call

It’s member can be visited by like document.image

<img name = "d" src="jj.jpg">
<p id = "p1" name = "a">
paragraph
</p>

<script>
alert(document.d);
alert(document[0].src);
alert(document.getElementsByName("a"));
alert(document.getElementsById("a"));
//ID is a class, can duplicate; name is unique
</script>




image

src revisable to a new photo

create Image() object to load pics in advance

onload event indicates that pics had loaded successfully.

<body onload="setInterval('show()',2000);">
<img name= "anm" src = "0.jpg"></img>

<script>
var image = new Array(6);// create Image() object to load pics in advance
for (var i = 0; i<6;i++){
image[i]= new Image();
image[i].src= i +".jpg";

}
var index = 1;
function show(){
document.anm.src =image[index].src;
index=(index+1)%6;
}
</script>


onload event indicates that pics had loaded successfully.

event

onLoad/onUnload

onMouseOver/onMouseOut

onClick/onDlbClick (PS:right click is not supported by all platforms)

onSubmit
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航