我在做google map api的应用,在地图中点击标记,会出现一个标签,标签里会显示一张图片。
关键js代码如下:
imgHtml = "<a href='" + img.src + "' target = '_blank' ><img style='padding:0;margin:0;border:0;width: 160px;" + css + "' alt='preview' src='" + img.src + "'>";
现在我想得到的效果是,点击这张图片,在新的html页面窗口中,能显示这张图片的地址,请问大侠们怎么实现?

解决方案 »

  1.   

    是要再弹出一个html页面窗口吗?显示的图片的地址是“img.src”?
      

  2.   

    简单的是window.open("img.html");
    在img.html里显示这个图片
    楼主可以网上查下window.open()用法,比如
    window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, status=no') 
    当然你也可以做个
    <div id="img" style="display:none">//默认是隐藏的
    <img src=""/>
    </div>
    你需要显示时,让这个div显示
    楼主可以搜索下CSS种display用法
      

  3.   

    var w = window.open();
    var loc = '<img src="http://avatar.profile.csdn.net/A/7/1/2_warning2005.jpg" />'
    w .document.write(loc)
      

  4.   

    var w = window.open();
    var loc = '<img src="http://avatar.profile.csdn.net/A/7/1/2_warning2005.jpg" />';
    w.document.write(loc);
      

  5.   

    地址可以获取到 
    但是你所的 html获取Js另有所指吗
      

  6.   

    <a href="" onclick="javascript:this.href=this.firstChild.src;alert(this.href);"><img src="123"></a>
      

  7.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
    <title>Mapbar</title>
    <script type="text/javascript" src="http://union.mapbar.com/apis/maps/free?f=mapi&v=31.3&k=aCW9cItqL6d6dy5sMeTpT70oEefzOYDsEeFhMYMyZeTyMeQnORVh@C5qET0cp0o0cdysaccMMhEMeyepY0EWeayfZ05Zp00eMaM0Y5aTYFaMC0VeyzY6MCeyzpYy/2P="></script>
    <script type="text/javascript">  
            var maplet = null;   
            function initMap(){   
                maplet = new Maplet("mapbar");   
               maplet.centerAndZoom(new MPoint(116.38749,39.90515), 8);   
               maplet.addControl(new MStandardControl());   
                
       
                var er = new MMarker(   
                    new MPoint(116.38749,39.90515),   
                    new MIcon("E:\\maptesthtml\\aa\\11.bmp",32,32),   
                    //new MInfoWindow("<b style='margin-left:3px'>$blog[subject]</b>", "<span style='margin-left:3px'>$blog[address]</span> ")
    new MInfoWindow("<p>天安门</p><div style='width:220px;height:150px;border:1px solid gray;overflow-y:auto'><a href='http://www.mapbar.com' target='_blank'><img src='http://open.mapbar.com/images/logo_api.png'style='float:left;border:none;'/></a><div>天安门位于中华人民共和国首都北京市区中心,面临长安街。天安门原是明、清两朝皇城的正门,明永乐十八年(公元1420年)建成,当时名叫承天门。天安门位于中华人民共和国首都北京市区中心,面临长安街。天安门原是明、清两朝皇城的正门,明永乐十八年(公元1420年)建成,当时名叫承天门。</div></div>")   
                );
    document.getElementById("E:\\maptesthtml\\aa\\11.bmp")
                var win1 = new MInfoWindow
                maplet.addOverlay(er);  
                er.openInfoWindow(); 
          }   
     </script>  
    </head>  
      
    <body onload="initMap();">  
    <div id="mapbar" style="width:500px;height:300px"></div>  
    </body>  
    </html>
      

  8.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
    <title>Mapbar</title>
    <script type="text/javascript" src="http://union.mapbar.com/apis/maps/free?f=mapi&v=31.3&k=aCW9cItqL6d6dy5sMeTpT70oEefzOYDsEeFhMYMyZeTyMeQnORVh@C5qET0cp0o0cdysaccMMhEMeyepY0EWeayfZ05Zp00eMaM0Y5aTYFaMC0VeyzY6MCeyzpYy/2P="></script>
    <script type="text/javascript">  
            var maplet = null;   
            function initMap(){   
                maplet = new Maplet("mapbar");   
               maplet.centerAndZoom(new MPoint(116.38749,39.90515), 8);   
               maplet.addControl(new MStandardControl());   
                
       
                var er = new MMarker(   
                    new MPoint(116.38749,39.90515),   
                    new MIcon("E:\\maptesthtml\\aa\\11.bmp",32,32),   
                    //new MInfoWindow("<b style='margin-left:3px'>$blog[subject]</b>", "<span style='margin-left:3px'>$blog[address]</span> ")
    new MInfoWindow("<p>天安门</p><div style='width:220px;height:150px;border:1px solid gray;overflow-y:auto'><a href='http://www.mapbar.com' target='_blank'><img src='http://open.mapbar.com/images/logo_api.png'style='float:left;border:none;'/></a><div>天安门位于中华人民共和国首都北京市区中心,面临长安街。天安门原是明、清两朝皇城的正门,明永乐十八年(公元1420年)建成,当时名叫承天门。天安门位于中华人民共和国首都北京市区中心,面临长安街。天安门原是明、清两朝皇城的正门,明永乐十八年(公元1420年)建成,当时名叫承天门。</div></div>")   
                );
    document.getElementById("E:\\maptesthtml\\aa\\11.bmp")
                var win1 = new MInfoWindow
                maplet.addOverlay(er);  
                er.openInfoWindow(); 
          }   
     </script>  
    </head>  
      
    <body onload="initMap();">  
    <div id="mapbar" style="width:500px;height:300px"></div>  
    </body>  
    </html>