js脚本检查图片大小防止大图片超出页面

发布时间:2020-09-02编辑:脚本学堂
本文介绍了js脚本检查图片大小,合理控制图片显示尺寸,以防止大图片撑破页面的解决方法,需要的朋友参考下。

javascript判断图片大小,使用一个简单函数即可以搞定。

例子:
 

复制代码 代码示例:
//检查图片大小是否大于预期大小, 大于则显示为预期大小
function show(chkw) { //chk images width
if(chkw>500) {
chkw=500;
}
else {
chkw=chkw;
}
return chkw;
}//shawl.qiu script
//example <img src=“images/teach/opera/01.jpg” onload=“this.width=show(this.width)”>

提供二个实用代码:
 
1、鼠标经过自动选取的复选框
 

复制代码 代码示例:
<input type=“checkbox” onmousemove=“checked=true”>
<input type=“checkbox” onmousemove=“checked=true”>

2、双击滑鼠拷贝文本
 

复制代码 代码示例:
function clipboard(tdobj) { //ie only
var holdtext = document.all[‘holdtext'];
holdtext.innertext = tdobj.innertext;
copied = holdtext.createtextrange();
copied.execcommand(“copy”);
alert(“text copied”);
}
 
<form name=“form1” method=“post” action=“”>
<ttextarea id=“holdtext” style=“display:none” rows=“10”></ttextarea>
</form>