美文网首页
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);

}

相关文章

  • [笔记5]JavaScript DOM编程艺术_JavaScri

    利用JavaScript来创建图片库将是最佳的选择:把整个图片库的浏览链接集中安排在图片库主页里,只在用户点击了这...

  • 「JavaScript 图片库」案例解析

    JavaScript 图片库 任务:编写一个 JavaScript 函数以显示用户想要查看的图片。 思路:将所有图...

  • JavaScript 图片库

    在创建了一个简单的图片浏览网站(点击图片跳转页面显示)之后,需要考虑:1.当点击某个链接时,我希望能留在这个网页而...

  • javascript图片库

    javascript脚本来制作一个图片库,当网页中大量的图片加载进来的时候势必对网站运行的速度会有影响,看了第二版...

  • 《DOM编程艺术》二、javascript图片库

    title: 《DOM编程艺术》二、javascript图片库date: 2017-06-03 10:00:29t...

  • JavaScript 图片库优化版

    在之前的版本上进行修改和优化。 需要考虑的几点: 1、引入了检测和测试吗?代码能平稳退化吗?2、向后兼容3、分离J...

  • javascript简单的图片库

    为什么使用图片库 在网页中,如果一张网页加载太多的图片,那么这张网页将会显示很慢,而且浪费用户流量,而javasr...

  • JavaScript 图片库改进版

    实现图片图的结构、样式和行为彻底分离!!!gallery.html showPic.js layout.css

  • JavaScript DOM 9.22 (gallery1)

    JavaScript图片库 图片发布到网上的办法很多。可以简单的放在同一个网页里,但是如果需要发布的图片比较多,这...

  • 图片相关

    图片库

网友评论

      本文标题:javascript图片库

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