页面加载完成，输入框获得焦点失败

首先，我们要获取文本框对象，这就注定了我们这段脚本必须在文本框渲染完成后才执行，参考多数登录框的设计方案，这类脚本一般都是放在HTML的最后部分，位置在之前，这样在input加载完成后才执行脚本，避免找不到对象的问题。

其次，Obj.focus()方法需要延时调用，并不等于说我们input文本框呈现出来就可以立即设置focus焦点，大部分情况下这样做也许可以成功，但是多测试几次你会发现有时焦点并不能成功设置，这里的原因是某些浏览器在input文本框渲染完成后不能立即为文本框启用获得焦点的特性，所以我们需要做一定的延时，在JavaScript里延时的方式是通过setTimeout函数，时间设置大概在200毫秒即可（参考WordPress的后台登录）。

最后，即使我们采用延时等措施，仍然会有小几率的情况导致无法获取焦点甚至让脚本执行出错，所以我们需要用try {} catch {} 屏蔽错误，无法获取焦点是小事，脚本出错就坑爹了。下面是实现的代码：

文本框获取焦点

setTimeout( function(){ try{ document.getElementById('userName').focus(); } catch(e){}}, 200);

这里写代码片
后来发现WP的登录页面除了focus还有select方法，原来在用户名记住的情况下，用户名文本框获得焦点后如果我们要清除原先的用户名，只有移动方向键或者使用鼠标选中然后删除，而select正好替我们做了选中这个事情，要输入就直接输入就行了，以上面的HTML为参考，具体的代码如下：

setTimeout( function(){  try{    var t = document.getElementById('userName');    t.focus();    t.select();  } catch(e){}}, 200);

转自：http://wangye.org/blog/archives/150/