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)
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)
相关文章推荐
- js图片预加载---for与onload事件,图片数据模型到界面的单项绑定,使用interval模拟循环操作
- 将多个js函数绑定到onload事件上
- js图片缓存即img的onload事件与complete属性之间关系
- js 事件绑定的方法
- Chrome扩展页面需要动态绑定JS事件
- js 绑定键盘鼠标事件
- js绑定事件this指向发生改变的问题解决方法
- js 利用闭包循环给li绑定参数不同的点击事件
- js事件绑定 onclick && addEventListener
- js事件冒泡、事件绑定、事件监听、事件委托
- 动态生成html ,绑定js事件
- js--5.事件-2.事件调用与绑定
- 解决js绑定事件this指向发生改变的问题
- 关于js动态生成元素,注册(绑定)的事件失效的解决(on)
- JS学习笔记-事件绑定
- Dynamics CRM 2011 编程系列(2):JS脚本编程之onload事件
- js 实现图片预加载 (js操作 Image对象属性complete ,事件onload 异步加载图片)
- 绑定多个onload事件
- [js高手之路] vue系列教程 - vue的事件绑定与方法(2)
- 关于 js 动态生成html 绑定事件失效的问题