如何用JS代码获取网页中图片的链接?

JavaScript010

如何用JS代码获取网页中图片的链接?,第1张

patt_link.compile(" <a name=\"Main\"></a>"+'(.+?)'+"<!-- publish_helper_end -->")

这句话其实没有什么效果主要是为了提升一下效率,而正则表达式就是

"<a name=\"Main\"></a>"+'(.+?)'+"<!-- publish_helper_end -"

就是这个问题了,你说看到的,你可以将文本列出来,然后我看下是不是匹配

估计是你看错了

解决问题的时候将问题抽象出来

你应该将那个匹配不成功的文本拿出来用上面的match看是不是正则表达式没写好

如果不是再看是不是其它问题

正则表达式有误

你可以先将patt_link的值设的简单点,例如: "<a" 这样匹配看是否有结果

得到图片连接为什么不这样用document.links 及document.images ?

这个要比与此同时表达式去匹配方便的多

var linksArr = document.links

for(var i=0i<linksArr.lengthi++)

{

linksArr[i].src ... ...

}

1、为图片绑定点击事件

2、在点击事件中使用jQuery获得图片的src属性

3、调用文本框的val()方法,将取到的图片路径显示在文本框中

<html>

    <head>

        <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

        <script type="text/javascript">

            $(function(){

                //为图片绑定点击事件

                $("#tu").click(function(){

                    //获得图片的src属性

                    var url=$(this).prop("src")

                    //将图片路径赋值到文本框中

                    $("#txtUrl").val(url)

                })

            })

        </script>

    </head>

    <body>

        <img id="tu" src="images/friend.jpg" width="800" height="600" /><br/>

        <input type="text" id="txtUrl" />

    </body>

</html>

将需要在js中修改的代码放在js变量中,该变量在js中定义,然后在insertHtml中添加这段代码,示例如下:

var code = "<a herf = '#'><img url = '#'></img></a>"

insertHtml("beforeend",document.body,code)

将包含上述代码的js引入到页面中即可,在页面上调用js的代码如下:

<script language=javascript src="test.js"></script>

insertHtml的使用方法:

insertHtml(where,el,html)

where:插入位置。包括beforeBegin,beforeEnd,afterBegin,afterEnd

el:用于参照插入位置的html元素对象

html;要插入的html代码

例:insertHtml("beforeEnd",document.getElementById("fav_list"),"<li id='aaa'><a href='' class='fav_link'>百度</a></li>")