js硬绑定img的onload事件的思路

来源:互联网 发布:php有哪些优势和特点 编辑:程序博客网 时间:2024/04/29 21:43
1. 在php端用正则匹配出img标签
2. 用strpos + strsub 函数拼接 onload="resize(this)"
3. 在前端的head标签里面编写resize函数

js硬绑定的好处: 以最快时间响应事件。

//img硬绑定onload事件, 123宝贝网(www.123baby.net)
if (preg_match_all('@(<img [^>]+>)@i' , $topic['Content'], $mc) != FALSE && ! empty($mc[1][0]))
{
       foreach ($mc[1] as $item)
      {
            $pos = strpos($topic[ 'Content'], $item);
             if(false !== $pos)
                  $topic[ 'Content'] = substr($topic['Content' ], 0, $pos+5).' onload="img_resize(this)" ' .substr($topic['Content'], $pos+5);
      }
}

<script type="text/javascript" >
function img_resize(t){
       if (t.width > 300) t.style.width = '300px' ;
}
</script>

123宝贝网(www.123baby.net)
原创粉丝点击