在不同浏览器都实用的 JavaScript 方案要怎么理解？？（希望本节能有所更新，讲得详细一些）

var w=document.documentElement.clientWidth

    ||document.body.clientWidth;

var h=document.documentElement.clientHeight

    ||document.body.clientHeight;

这个具体要怎么理解？？

“||”前后内容对应计算的宽度高度的对象本就不一样，一个是html，一个是body，怎么还能用“||”

而且这两者不是都是IE 8、7、6、5支持的吗，是怎么做到其他浏览器也实用的？

大神求解！！