到body指定区域引用函数问题


function ReImgSize(){
   for (i=0;i<document.images.length;i++)
   {
   if (document.all){
     if (document.images[i].width>610)
     {
       document.images[i].width="610"
       try{
           document.images[i].outerHTML='<a href="'+document.images[i].src+'" target="_blank" title="在新窗口打开图片">'+document.images[i].outerHTML+'</a>'
            }catch(e){}
       }
   }
   else{
     if (document.images[i].width>610) {
       document.images[i].title="在新窗口打开图片"
       document.images[i].style.cursor="pointer"
       document.images[i].onclick=function(e){window.open(this.src)}
     }
   }
   }
}
上面是js代码请问怎么让这个函数 直接用在下面的代码里<DIV class="list_main_body">
<SPAN>
                
               这里是内容
               
                </SPAN>
      </DIV>

解决方案 »

  1.   

    <body onload="ReImgSize()"></body>是这意思吗？》
      

  2.   

    <DIV class="list_main_body">
                    <SPAN>
                    
                   这里是内容
                   
                    </SPAN>
          </DIV>
    <script>
    function ReImgSize(){
       for (i=0;i<document.images.length;i++)
       {
       if (document.all){
         if (document.images[i].width>610)
         {
           document.images[i].width="610"
           try{
               document.images[i].outerHTML='<a href="'+document.images[i].src+'" target="_blank" title="在新窗口打开图片">'+document.images[i].outerHTML+'</a>'
                }catch(e){}
           }
       }
       else{
         if (document.images[i].width>610) {
           document.images[i].title="在新窗口打开图片"
           document.images[i].style.cursor="pointer"
           document.images[i].onclick=function(e){window.open(this.src)}
         }
       }
       }
    }        
    ReImgSize();
    </script>也可以去掉函数定义，只要函数体内代码就可以。为了清晰表明代码用途，还是保留函数。
      

  3.   

    不是2楼得意思 3楼的我没看明白 我想让js函数引用到我提供的html代码里 其它区域不引用函数
      

  4.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" src="http://mhzx.wanmei.com/js/s0910.js"></script>
    </head><body>
    <DIV id="list_main_body" class="list_main_body">
          <SPAN>
          
         这里是内容
         
          </SPAN>
    </DIV><script type="text/javascript"> 
    function ReImgSize(){
       var imgs = document.getElementById('list_main_body').getElementsByTagName('img'),
       len = imgs.length;
       for (i=0;i<len;i++)
       {
       if (document.all){
         if (imgs[i].width>610)
         {
           imgs[i].width="610"
           try{
               imgs[i].outerHTML='<a href="'+imgs[i].src+'" target="_blank" title="在新窗口打开图片">'+imgs[i].outerHTML+'</a>'
                }catch(e){}
           }
       }
       else{
         if (imgs[i].width>610) {
           imgs[i].title="在新窗口打开图片"
           imgs[i].style.cursor="pointer"
           imgs[i].onclick=function(e){window.open(this.src)}
         }
       }
       }
    }        
    ReImgSize();
    </script>
    </body>
    </html>
    楼主是不是这个意思
    这个函数只对这个DIV里的img起作用
    <DIV id="list_main_body" class="list_main_body">
          <SPAN>
          
         这里是内容
         
          </SPAN>
    </DIV>
      

  5.   

    借用LS的改一点<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" src="http://mhzx.wanmei.com/js/s0910.js"></script>
    </head><body>
    <DIV id="list_main_body" class="list_main_body">
          <SPAN>
          
         这里是内容
         
          </SPAN>
    </DIV><script type="text/javascript">
    /* id[string] html片断所在容器的ID 
    function ReImgSize(id){
       var imgs = document.getElementById(id).getElementsByTagName('img'),
       len = imgs.length;
       for (i=0;i<len;i++)
       {
       if (document.all){
         if (imgs[i].width>610)
         {
           imgs[i].width="610"
           try{
               imgs[i].outerHTML='<a href="'+imgs[i].src+'" target="_blank" title="在新窗口打开图片">'+imgs[i].outerHTML+'</a>'
                }catch(e){}
           }
       }
       else{
         if (imgs[i].width>610) {
           imgs[i].title="在新窗口打开图片"
           imgs[i].style.cursor="pointer"
           imgs[i].onclick=function(e){window.open(this.src)}
         }
       }
       }
    }        
    ReImgSize('list_main_body');
    </script>
    </body>
    </html>
      

  6.   

    鼠标进入这个区域执行代码。这个意思吗？<DIV class="list_main_body" onmousein("ReImgSize()")>
          <SPAN>
          
         这里是内容
         
          </SPAN>
    </DIV>
      

  7.   

    上面写错了。。应该是这个意思吧<DIV class="list_main_body" onmousein="ReImgSize()">
          <SPAN>
          
         这里是内容
         
          </SPAN>
    </DIV>