1.四种浏览器对 document.body 的 clientHeight、offsetHeight 和 scrollHeight 的解释。这四种浏览器分别为IE(Internet Explorer)、NS(Netscape)、Opera、FF(FireFox)。clientHeight大家对 clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。offsetHeightIE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。scrollHeightIE、Opera 认为 scrollHeight 是网页内容实际高度,可以小于 clientHeight。NS、FF 认为 scrollHeight 是网页内容高度,不过最小值是 clientHeight。简单地说clientHeight 就是透过浏览器看内容的这个区域高度。NS、FF 认为 offsetHeight 和 scrollHeight 都是网页内容高度,只不过当网页内容高度小于等于 clientHeight 时,scrollHeight 的值是 clientHeight,而 offsetHeight 可以小于 clientHeight。IE、Opera 认为 offsetHeight 是可视区域 clientHeight 滚动条加边框。scrollHeight 则是网页内容实际高度。同理clientWidth、offsetWidth 和 scrollWidth 的解释与上面相同,只是把高度换成宽度即可。但是FF 在不同的 DOCTYPE 中对 clientHeight 的解释不同, xhtml 1 trasitional 中则不是如上解释的。其它浏览器则不存在此问题。2.JS取clientHeight与scrollTop先来段数据,下表的值为document.body.clientHeight / document.documentElement.clientHeight IE FFHtml /0 /Xhtml / /在html/xhtml与ie/ff这4种排列组合下,取得的clientHeight几乎没有一样的,可见写一段兼容3种浏览器两种页面标准的js脚本有多头疼。暂时总结的判断方法如下:var h1 = document.body.clientHeight;var h2 = document.documentElement.clientHeight;var isXhtml = (h2<=h1&&h2!=0)?true:false; //判断当前页面的Doctype是否为Xhtmlvar body = isXhtml?document.documentElement:document.body;alert(body.clientHeight); //最终结果比较一致安全的取到scrollTop:document.body.scrollTop + document.documentElement.scrollTop判断浏览器的类型,这种写法挺喜欢的:var ua = navigator.userAgent.toLowerCase ();var os = new Object();os.isFirefox = ua.indexOf ("gecko") != -1;os.isOpera = ua.indexOf ("opera") != -1;os.isIE = !os.isOpera && ua.indexOf ("msie") != -1;3.js取到flash对象方法汇总IE, FF, Maxthon用document.getElementById(id)Opera用 document.embeds(id)var isOpera=(window.opera&&navigator.userAgent.match(/opera/gi))?true:false;if(isOpera){var oswf = document.embeds('ad_flipper_swf');}else{var oswf = document.getElementById('ad_flipper_swf');}4.js执行顺序1.同级的不同的代码块,代码块间的执行顺序为从上到下;2.在代码中嵌入代码的情况下,先执行上层代码块,再执行子代码块;代码中嵌入代码是指一个文件引入另一个文件,而不是指所有的通过document.write形式打出的代码。
推荐整理分享javascript知识点收藏(js重要知识点),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:js知识点整理,js知识点整理,js重要知识点,js知识点总结,js必学知识点,js知识点总结,js知识点整理,js必学知识点,内容如对您有帮助,希望把文章链接给更多的朋友!
js玩一玩WSH吧 WindowsScriptHost(Windows脚本宿主)为ActiveX脚本引擎提供了一个不依赖于语言的脚本宿主。它允许通过Windows桌面或命令行来运行脚本。用来做一些需要批
SUN的《AJAX与J2EE》全文译了 开玩笑、原文出处:
你真的了解JavaScript吗? 说出它们的值1、typeof(NaN)、typeof(Infinity)、typeof(null)、typeof(undefined)2、NaN==NaN3、NaN!=NaN4、NaN=NaN5、null==undefined6、null=undefined7、null=undefined8、parseInt("abc")9