图片格式篇
格式 | 详解 |
---|---|
*.jpg | PEG(JPG)格式的图片支持的颜色比较多,图片可以压缩,不支持透明。一般使用JPEG(JPG)格式来保存颜色比较丰富的照片。 |
*.gif | GIF格式的图片支持的颜色比较少,只支持简单的透明(直线型区域的透明),支持动态图。图片颜色但一,或者是动态图时用GIF格式的图片。 |
*.png | PNG支持的颜色比较多,且支持复杂的透明。可以用来显示颜色复杂的透明图片。(实际中使用频率最高) |
*.bmp | BMP是一种与硬件设备无关的图像文件格式,使用非常广。它采用位映射存储格式,除了图像深度可选以外,不采用其他任何压缩,因此,BMP文件所占用的空间很大。图像深度可选lbit、4bit、8bit及24bit。BMP文件存储数据时,图像的扫描方式是按从左到右、从下到上的顺序。 |
阻止篇
阻止冒泡
三种方法:
- event.stopPropagation( ); 不兼容IE
- 设置cancelBubble为true 兼容IE
- if(event.target==this){}
阻止捕获
- stopImmediatePropagation()包含了stopPropagation()的功能,即阻止事件传播(捕获或冒泡),但同时也阻止该元素上后来绑定的事件处理程序被调用。
阻止鼠标右键
document.oncontextmenu = function () {
// 执行自定义操作
return false;
}
document.oncontextmenu = function () {
// 执行自定义操作
// 使用阻止默认行为的方法
}
另外,对onselectstart进行改写也可以像上面一样,阻止文本选中。
阻止a标签跳转
getElementByTagName('a')[0].onclick = function () {
// 执行自定义操作
return false; // return true;为可以跳转
}
阻止默认事件
preventDefault()不兼容IE
设returnValue为false兼容IE
所以,看代码。。。
if (event.preventDefault) {
event.preventDefault();
} else {
event.returnValue = false;
}