html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8">5
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">6
</script>7
<script>8
$(document).ready(function(){9
$("button").click(function(){10
var txt="";11
txt+="div 宽度: " + $("#div1").width() + "</br>";12
txt+="div 高度: " + $("#div1").height() + "</br>";13
txt+="div 宽度，包含内边距和边框: " + $("#div1").outerWidth() + "</br>";14
txt+="div 高度，包含内边距和边框: " + $("#div1").outerHeight();15
$("#div1").html(txt);16
});17
});18
</script>19
</head>20
21
<body>22
<div id="div1" style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-color:lightblue;"></div>23
<br>24
25
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java