您的位置:首页 > Web前端 > JavaScript

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

2012-11-21 16:50 183 查看
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]))
[align=left]{[/align]
[align=left] foreach ($mc[1] as $item)[/align]
[align=left] {[/align]
$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);
[align=left] }[/align]
[align=left]}[/align]

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

123宝贝网(www.123baby.net)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: