zoukankan      html  css  js  c++  java
  • JS测试

    存在JQuery

    var imgsrc = new Array;
    $("li[class=blocks-gallery-item] img").each(function() {
            imgsrc.push($(this).attr("src"));
     });

    也可以试试引入JQuery

    获取页面所有img标签

    var images = document.getElementsByTagName("img");

    循环并打印所有标签

    var imgsrcs = new Array;
    for(var i=0;i<images.length;i++){
    if(images[i].src!==""||images[i].src!==undefined){
    imgsrcs[i] = images[i].src
    }
    }
    console.log(imgsrcs);

    保存图片

    function downloadIamge(imgsrc) {
          var image = new Image();
          // 解决跨域 Canvas 污染问题
          image.setAttribute('crossOrigin', 'anonymous');
          image.onload = function () {
              var canvas = document.createElement('canvas');
              canvas.width = image.width;
              canvas.height = image.height;
    
              var context = canvas.getContext('2d');
              context.drawImage(image, 0, 0, image.width, image.height);
              var url = canvas.toDataURL('image/png');
              var a = document.createElement('a');
              // 创建单击事件
              var event = new MouseEvent('click');
              a.download = imgsrc;
              a.href = url;
    
              // 触发单击事件
              a.dispatchEvent(event);
          }
          image.src = imgsrc;
      }
    for(var a = 0 ;a<imgsrcs.length;a++){
      downloadIamge(imgsrcs[a]);
    }
  • 相关阅读:
    HiperLink
    三次贝塞尔曲线平滑多边形
    SimpleIni
    Segment
    SegIntersect
    OneTif
    OneSeg
    MiniDump
    MfcStrFile
    vmware workstation 如何配置NAT
  • 原文地址:https://www.cnblogs.com/xuanjiange/p/14596124.html
Copyright © 2011-2022 走看看