javascript入门笔记（6）——document

最新推荐文章于 2024-09-23 08:37:48 发布

adrianna_xy

最新推荐文章于 2024-09-23 08:37:48 发布

阅读量432

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/u012223913/article/details/47748307

版权

document

- document
  - call
    - image
    - event

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>

enter image description here

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>