PC端，触屏版：前端JS方案——利用img标签加载一张base64的WebP图片，在img标签的onload事件中判断该图片是否具有宽高的属性，若有表示支持webP，若没有表示不支持webP。后台判断方案——判断浏览器请求头Accept是否支持WebP，返回是否支持的标示给前台。以上两种方案中，前端...
分类：
Web程序 时间：
2014-12-29 13:44:18
阅读次数：
576
window.onload = function() {var winWidth = parseInt(document.documentElement.clientWidth);// 客户端浏览器宽度var winHeight = parseInt(document.documentElement...
分类：
其他好文 时间：
2014-12-28 15:26:33
阅读次数：
1211
var c = context.getContext("2d");var cimg = new Image();cimg.src = "img path";//path either relative or absolute positioncimg.onload = function(){//ca...
分类：
其他好文 时间：
2014-12-27 22:54:58
阅读次数：
226
onload事件在html文档中所有的节点都下载完成后执行，包括js,css,图片的资源完全下载后才执行。如果js 设置了defer之后,js的解析执行在浏览器生成了html文档后执行，不包括图片的资源下载如果js没有设置defer，将一个js放在head加载，会阻塞后面的内容加载。如下面的例子如果将defer=true去掉，直到x1.jscript和x2.jscript下载完成后，后面的aler...
分类：
Web程序 时间：
2014-12-26 18:44:23
阅读次数：
210
学习js中----今天试着写了下数字时钟。html代码如下： : : js代码如下function toDou(n) { if(n<10){ return "0"+n; }else{ return n; } } window.onload=function(){ func...
分类：
其他好文 时间：
2014-12-25 19:58:53
阅读次数：
175
Webkit 内核的浏览器在加载完图片之后才能获取宽和高。所以，我建议使用onload时间来获取图片的宽和高1 var img = $("img")[0]; // Get my img elem2 var pic_real_width, pic_real_height;3 $("") // Make...
分类：
编程语言 时间：
2014-12-25 01:23:16
阅读次数：
281
jQuery中的事件：1.加载DOM：注意window.onload和$(document).ready()的不同2.事件绑定3.合成事件--2和3的详细信息见代码- 什么是jQuery? jQuery是继Prototype之后又一...
分类：
Web程序 时间：
2014-12-25 00:01:53
阅读次数：
261
function getLength (str) {
return str.replace(/[^\x00-xff]/g,"xx").lenght;
}
window.onload=function() {
//1. 元素选取
var ainput=getElementsByTagName(‘input‘);
var oName=ainput[0];
var pwd=ai...
分类：
Web程序 时间：
2014-12-23 21:22:12
阅读次数：
204
一，onload事件发生条件 用户进入页面且页面所有元素都加载完毕。如果在页面的初始位置添加一个JavaScript函数，由于文档没有加载完毕，DOM不完整，可能导致函数执行错误或者达不到我们想要的效果。二，绑定多个函数到onload事件上1，先展示一个错误的做法1 window.onload =....
分类：
编程语言 时间：
2014-12-23 15:19:53
阅读次数：
205
一直以来，各种JS最佳实践都会告诉我们，将JS放在HTML的最后，即之前，理由就是：JS会阻塞下载，而且，在JS中很有可能有对DOM的操作，放在HTML的最后，可以尽可能的保证JS的执行在DOM加载完成之后。而如果放在onload事件中执行，如果页面有很多图像，那么页面的onload事件要过很久才会...
分类：
Web程序 时间：
2014-12-23 13:53:40
阅读次数：
277
