jquery实现div高度的运算

来源：互联网发布：python教程百度云盘编辑：程序博客网时间：2024/05/17 08:10

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script language="javascript" src="js/jquery.js" type="text/javascript"></script><script language="javascript" type="text/javascript">$(function(){var doc_height=pageHeight();$("#doc").height(doc_height-100);$(window).resize(function(){   $("#doc").height(pageHeight()-100);}); });function pageHeight(){    if($.browser.msie){        return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight :        document.body.clientHeight;    }else{        return self.innerHeight;    }};</script><style type="text/css">html,body{ margin:0; padding:0; border:0; font-size:12px; height:100%;}</style></head><body><div id="doc" style="width:100%; background:#CCC;">asdf</div></body></html>