通过javascript导出/检索图像的unlickle链接?

时间:2011-01-07 18:10:24

标签: javascript

我用它来检索网页中的可点击链接:

javascript:(function(){as=document.getElementsByTagName(%22a%22);str=%22<ul>%22;for(i=0;i<as%20.length;i++){str+=%22<br><a%20href=%22+as[i].href+%22>%22+as[i].href+%22</a>\n%22}str+=%22</as></ul>%22;with(window.open()){document.write(str);document.close();}})()

但是如何在网页中检索不可点击的图像链接?我对javascript:D

没有任何了解

1 个答案:

答案 0 :(得分:0)

如果您没有使用任何js框架,如jQuery / ExtJS等,那么您可以使用此解决方案:

<input type="button" value="Calculate" onclick="checkImages()"/>
    <a href="http://google.com">Google</a>
    <a href="http://google.com"><img src="1" /> sss</a>
    <a href="http://google.com"><span><img src="2" /> sss</span></a>
    <img src="3" />
    <img src="4" />
    <div id="outputDiv">
    </div>
    <script type="text/javascript"> 
        function checkImages()
        {
                var str="<ul>";
                var imgs = document.getElementsByTagName("IMG");
                var len = imgs.length;
                for(var i=0; i<len; i++)
                {
                    var img = imgs[i];
                    //console.log("Checking" + img);
                    if(!hasParentAnchor(img))
                    {
                        str+="<li><img src="+img.src+"/></li>";
                    }
                }
                document.getElementById("outputDiv").innerHTML = str;
        }

        function hasParentAnchor(el)
        {
            if(!el.parentNode || !el.parentNode.tagName) return false;
            else if(el.parentNode.tagName.toUpperCase() == "A") return true;
            else return hasParentAnchor(el.parentNode);
        }
    </script>
相关问题