首页 > 其他 > 详细

6.11总结

时间:2020-06-13 00:04:59      阅读:62      评论:0      收藏:0      [点我收藏+]

1.文档对象模型,我觉得其实就是用来操作html里面的各种元素的,感觉和css里面的选择器有神似。

2.用dom操作文档利用js做了一个相册,这也是我第一次直接使用js在显示页面上做操作,以前总对js与html的练习不是很了解,非常疑惑,今天终于知道js是如何运用在网页上的了

    var arr=["image/7.jpg","image/8.jpg","image/9.jpg","image/10.jpg","image/11.jpg"];
    var prev=document.getElementById("prev");
    var next=document.getElementById("next");
    var img=document.getElementsByTagName("img")[0];
    var int=0;
    prev.onclick=function(){
        int--;
        if(int==-1){
          int=4
      }
      img.src = arr[int];

    }
    
    next.onclick=function(){
        int++;
        if(int==5){
          int=0
      }
      img.src = arr[int];
    }
  在写这个简单的代码的过程中,我其实用了半个多小时。
1.之前用了除jpg以外格式的文件,所以在写路径时忘了改后缀,导致卡壳。
2.当int自增或者自减到0和4时,需要用if重新设置值,我把if写在了执行语句的后面,导致图片加载错误,应该在
执行语句之前判断,否则会出现arr[-1] arr[5] 导致结果出错。

对于dom有了基本的认识,但是dom的一些方法还不熟悉,明天继续升入了解dom ,多动手写。

6.11总结

原文:https://www.cnblogs.com/lzyyyyy/p/13110805.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!