13.jquery DOM操作元素尺寸或者屏幕窗口尺寸

来源：互联网发布：淘宝上很赞的杂货店铺编辑：程序博客网时间：2024/06/08 15:22

<!DOCTYPE html><html>    <!--        jQuery 提供多个处理尺寸的重要方法：            width()            height()            innerWidth()            innerHeight()            outerWidth()            outerHeight()        jQuery width() 和 height() 方法            width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。            height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）。        jQuery innerWidth() 和 innerHeight() 方法            innerWidth() 方法返回元素的宽度（包括内边距）。            innerHeight() 方法返回元素的高度（包括内边距）。        jQuery outerWidth() 和 outerHeight() 方法            outerWidth() 方法返回元素的宽度（包括内边距和边框）。            outerHeight() 方法返回元素的高度（包括内边距和边框）。    -->    <head>        <meta charset="UTF-8">        <title>jquery DOM操作 元素尺寸或者屏幕窗口尺寸</title>        <script src="js/jquery-3.1.1.js" type="text/javascript" charset="utf-8"></script>        <script type="text/javascript">            $(document).ready(function() {                $("button").click(function() {                    var txt = "";                    txt += "Document width/height: " + $(document).width();                    txt += "x" + $(document).height() + "\n";                    txt += "Window width/height: " + $(window).width();                    txt += "x" + $(window).height();                    $("body").append("<br/>" + txt);                });            });        </script>    </head>    <body>        <button>显示文档和窗口的尺寸</button>    </body></html>

0 0

13.jquery DOM操作 元素尺寸或者屏幕窗口尺寸

13.jquery DOM操作元素尺寸或者屏幕窗口尺寸