菜鸟教程在线编辑器

AI 编程工具
 
                <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.net/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		var txt="";
		txt+="outerHeight() of div: " + $("div").outerHeight() + "</br>";
		txt+="outerHeight(true) of div: " + $("div").outerHeight(true) + "</br>";
		$("div").html(txt);
	});
});
</script>
</head>
<body>

<div style="height:120px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-color:lightblue;"></div><br>
<button>显示div的外部高度</button>
<p>outerHeight() - 返回元素的高度 (包括内部填充和边框)。</p>
<p>outerHeight(true) - 返回元素的高度 (包括内部填充、边框和外填充)。</p>

</body>
</html>
              