`
huanyq2008
  • 浏览: 171724 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

获得页面的高度(转载)

阅读更多
function getDocHeight(doc){
 //在IE中doc.body.scrollHeight的可信度最高
 //在Firefox中,doc.height就可以了
 var docHei = 0;
 var scrollHei;//scrollHeight
 var offsetHei;//offsetHeight,包含了边框的高度


 if (doc.height){
     //Firefox支持此属性,IE不支持

     docHei = doc.height;
 }else if (doc.body){
     //在IE中,只有body.scrollHeight是与当前页面的高度一致的,

     //其他的跳转几次后就会变的混乱,不知道是依照什么取的值!
     //似乎跟包含它的窗口的大小变化有关
     if(doc.body.offsetHeight) docHei = offsetHei = doc.body.offsetHeight;
     if(doc.body.scrollHeight) docHei = scrollHei = doc.body.scrollHeight;
 }else if(doc.documentElement){
     if(doc.documentElement.offsetHeight) docHei = offsetHei = doc.documentElement.offsetHeight;
     if(doc.documentElement.scrollHeight) docHei = scrollHei = doc.documentElement.scrollHeight;
 }
 /*
 docHei = Math.max(scrollHei,offsetHei);//取最大的值,某些情况下可能与实际页面高度不符!

 */
 return docHei;
}
function getTiptopWindow(win){
	var cwindow = null;
	if(win){
		cwindow = win;
	}else{
		cwindow = window
	}
	while(true){
		var pwindow = cwindow.parent;
		if(cwindow == pwindow){
			break;
		}
		cwindow = pwindow;
	}
	return cwindow;
}

 

 使用方法:

var docHei = getDocHeight(getTiptopWindow(this).document);

 

 

分享到:
评论

相关推荐

    JavaScript一些技巧(转载)

    `onFocus`则在元素获得焦点时触发;`onChange`在表单元素的值发生变化时触发;`onSelect`在文本被选中时触发。例如,下面的代码展示了如何使用`onFocus`和`onBlur`来创建一个具有默认值的输入框,当用户点击输入框时...

    微信UI(转载共享)

    同时,由于其与微信生态的高度契合,使用WeUI的项目在微信环境下往往能得到更好的用户评价。 例如,我们可以利用WeUI中的`weui-btn`类创建按钮,通过添加不同的类名来定义按钮的样式和功能,如`weui-btn_primary`...

    SEO基本操作手法20条.docx

    SEO(Search Engine Optimization)即搜索引擎优化,是指通过一系列技术手段来提高网站在搜索引擎结果页面上的排名,从而获得更多自然流量的过程。本文将基于《SEO基本操作手法20条》文档,详细解析每一条操作手法的...

    三种Web开发主流技术ASP-PHP-JSP的评价[转载] --希望给大家作为参考.txt

    3. **高度的安全性**:PHP运行在多种平台上,其安全性得到了广泛的验证,并且有丰富的安全机制可供选择。 4. **良好的跨平台性**:PHP可以在多种操作系统上运行,包括Unix/Linux等非Windows平台,这为开发者提供了极...

    高质量的链接质量判断标准

    如果一个外部链接来自与你网站内容高度相关的页面,它将为你的关键词排名带来更大的提升。另一方面,如果一个页面包含大量导出链接,那么每个链接的权重会被分散,因此这样的链接价值相对较低。 PR(PageRank)是...

    如何做站内和站外锚文本

    在当今高度竞争的互联网环境中,网站优化技术对于提升网站排名和流量至关重要。其中,锚文本作为一种重要的内部链接和外部链接策略,在提高网页权重、改善用户体验以及增强搜索引擎对网站内容的理解方面发挥着重要...

    网页去重策略(基于特征向量的算法)

    尽管URL可能不同,但网页内容可能存在大量相似甚至完全一致的情况,特别是新闻、博客等网站的转载内容。内容去重通常涉及文本分析和自然语言处理技术,如基于主题概念的去重。这种方法利用网页的主题或关键概念来...

    org外链资源

    - `http://goodfriend2006.no-ip.org/blog/index.php`:此类博客通常可以用来发布文章或者评论,吸引其他网站引用或转载,从而获得外链。 - `http://goodfriend2006.no-ip.org/blog/cate.php?type=blog`:分类页面...

    什么是搜索引擎优化SEO?提高排名技巧.pdf

    通过遵循本文所提及的SEO技术和策略,网站在搜索引擎中的排名可以得到显著提升,从而为网站带来更多的访问量和潜在客户。掌握并应用这些SEO技巧,将帮助网站在激烈的网络竞争中脱颖而出,实现其商业目标。

    SEO搜索引擎优化学习资料

    - 选择与网站主题高度相关的关键词,并考虑其搜索量和竞争程度。 - **3.1.2 选择关键词的基本原则** - 关注用户意图,选择能够满足用户需求的关键词; - 结合长尾关键词,提高转化率; - 定期评估关键词的效果,...

    SEO搜索引擎优化高级教程

    - 选择与网站主题高度相关的关键词,避免盲目追求热门词汇。 - **3.1.2 选择关键词的基本原则** - 考虑关键词的搜索量、竞争度以及转化潜力。 - **3.1.3 竞价关键词** - 参考竞争对手的竞价关键词,了解市场动态...

    42_HTML基礎.pdf

    随着高度专业化的市场需求,为了适应这些需求,许多新的元素迅速被发明出来。这些新元素的过度发明导致了不同平台间文档的兼容性问题。 HTML的不同版本从1990年代开始被正式定义。截至2009年3月,官方推荐的HTML...

    网站推广120种方法网站推广步骤.txt

    44. **页面高度相似**:确保网站各个页面之间的风格保持一致,提升用户体验。 45. **线下活动**:组织线下交流会等活动,增进用户之间的互动。 46. **主题活动**:定期举办主题活动,激发用户参与热情。 47. **响应...

    操作系统代码

    这些代码通常由专业程序员编写,包含了高度优化的算法,确保系统高效、稳定地运行。 首先,我们要理解操作系统的基本概念。操作系统(Operating System,简称OS)是管理和控制计算机硬件与软件资源的计算机程序,为...

    医疗SEO普遍存在地问题.pdf

    在内容创作方面,一些医疗机构为了追求信息量,大量转载或抄袭网络上的现有内容,导致内容高度重复,质量低下。这样的内容不仅无法吸引用户,还会引起搜索引擎的反感,被视为低质量网站,影响网站的整体排名。解决这...

    SEo优化引擎珍贵资料

    - **相关性**: 确保关键词与网站内容高度相关。 - **搜索量**: 选取具有足够搜索量的关键词。 - **3.1.3 竞价关键词** - **优势**: 快速获得排名,适用于特定营销活动。 **3.2 关键词密度** - **3.2.1 什么是...

    JS组件Bootstrap Table使用方法详解

    转载 2016年03月21日 15:06:09 标签: Bootstrap Table 最近客户提出需求,想将原有的管理系统,做下优化,通过手机也能很好展现,想到2个方案: a方案:保留原有的页面,新设计一套适合手机的页面,当手机访问时,...

Global site tag (gtag.js) - Google Analytics