怎么可以用JavaScript实现一下情况:如我在第一个页面中显示一串图片列表,点击其中任意一个图片,都可以把被点中的图显示在另一个新的页面中,

解决方案 »

  1.   


            var Viewer={
                $:function(id){
                    if(id && typeof id=="string"){
                        return document.getElementById(id);
                    }
                },
                $tag:function(parent,tag){
                    if(parent && this.isDomEle(parent) && tag && typeof tag=="string"){
                        return parent.getElementsByTagName(tag);
                    }
                },
                isDomEle:function(o){
                    if(o && o.ownerDocument==document) return true;
                    return false;
                },
                init:function(){
                    var imgs=this.$tag(this.$("myDiv"),"LI");
                    for(var iLen=imgs.length,i=0;i<iLen;i++){
                        imgs[i].onclick=this.doit;
                    }
                },
                doit:function(){
                    var o=event.srcElement;
                    if(o && o.tagName=="IMG"){
                        var img_src=o.src;
                        var vWin=window.open("","viewer");
                        vWin.focus();
                        vWin.document.open();
                        vWin.document.write("<img src='"+img_src+"' />");
                        vWin.document.close();
                    }
                }   
            };
            <div id="myDiv">
                <ul>
                    <li><img src="../img/1.jpg" /></li>
                    <li><img src="../img/2.jpg" /></li>
                    <li><img src="../img/3.jpg" /></li>
                    <li><img src="../img/4.jpg" /></li>
                    <li><img src="../img/5.jpg" /></li>
                </ul>
            </div>
      

  2.   


    调用:比如在页面加载完成时候注册这个事件:
    window.onload=function(){
       Viewer.init();
    };
      

  3.   

    <img src="images/apple.jpg" onclick="window.open(this.src);" />
    来个简单的
      

  4.   

    谢谢HonorsOffice,可以您给我的那三段代码我放在那个页面呢?我在把我的问题,重新描述一下:
    有两个页面,分别为1、2,1中有一串图片,我点击其中的任何一张,就会打开一个新的页面为2,同时在页面2中显示刚被点中的图片,(补充页面2中上部为图片,下面是一些固定的信息)。
      

  5.   

    方法1:escape(ImgUrl)将图片路径编码,以url?参数=escape(ImgUrl)方式传入子页面
    在子页面中unescape("<%Request["参数"]%>")来解码得到图片的URL进行操作
    方法2:在父页面中加上一个隐藏控件<input type="hidden" id="hid">
    点击时将图片路径保存到该控件后window.open()子页面
    在子页面中用opener.document.getElementById("hid").value得到图片URL
      

  6.   

    少写了个"="
    unescape(" <=%Request["参数"]%>")