美文网首页
javascript图片库

javascript图片库

作者: 杨泽龙 | 来源:发表于2016-11-03 14:27 被阅读44次

    javascript脚本来制作一个图片库,当网页中大量的图片加载进来的时候势必对网站运行的速度会有影响,看了第二版js编程艺术dom后了解了一些处理图片的方法。 借这个机会记录一下图片库在javascript中是咋样做到合理的利用!

    需要掌握javascript的getAtteribute()的方法;setAtteribute()方法。

    也可以使用:Element.value="string";的方法来解决。

    (ps:建议使用第一种用法,因为getAtteribute()属于第一级DOM元素的组成部分,可以修改任意的元素节点的任意属性,而.value的方法得判断是否为第一级DOM的部分。)

    function pic(chengePic)  //写一个函数,起名字叫pic,给一个参数为"chengePic";

    // chengePic代表一个元素节点,只要获取这个元素节点的属性设置他的getAtteribute();他必然会是一个A元素传过来的图片,只要修改他的“href”就可以得到,把得到的“href”

    //作为参数传给getAtteribute;

    chengePic.getAtteribute("href");

    //把chengePic.getAtteribute("href")赋值给变量href;

    var href = chengePic.getAtteribute("href");

    //获取占位符

    var box =douvment.getElementById("element");

    代码清单整合:

    function pic(chengePic){

    var href = chengePic.getAtteribute("href");

    var box =douvment.getElementById("element");

    box.setAtteribute("src",href);

    }

    相关文章

      网友评论

          本文标题:javascript图片库

          本文链接:https://www.haomeiwen.com/subject/quobuttx.html