JQuery obtains various width and height (format function) instances_jquery

Copy code The code is as follows: 获取页面宽度 $.format = function (source, params) { if (arguments.length == 1) return function () { var args = $.makeArray(arguments); args.unshift(source); return $.format.apply(this, args); }; if (arguments.length > 2 && params.constructor != Array) { params = $.makeArray(arguments).slice(1); } if (params.constructor != Array) { params = [params]; } $.each(params, function (i, n) { source = source.replace(new RegExp("\{" i "\}", "g"), n); }); return source; }; /*------------以上是字符串format函数----------------*/ $(document).ready(function () { $("button").click(function () { var d=$("#div1"); var txt = ""; txt = $.format("width(): {0} ", d.width()); txt = $.format("height(): {0} ", d.height()); txt = $.format("Inner Width: {0} ", d.innerWidth()); txt = $.format("Inner Height: {0} ", d.innerHeight()); txt = $.format("Outer Width: {0} ", d.outerWidth()); txt = $.format("Outer Height: {0} ", d.outerHeight()); txt = $.format("outerWidth(true): {0} ", d.outerWidth(true)); txt = $.format("outerHeight(true): {0} ", d.outerHeight(true)); txt = $.format("HTML文档宽度: {0} ", $(document).width()); txt = $.format("HTML文档高度: {0} ", $(document).height()); txt = $.format("浏览器视口宽度: {0} ", $(window).width()); txt = $.format("浏览器视口高度: {0} ", $(window).height()); /script>

현재 다양한 사이즈 보기 휴대폰요금, Q코인, 게임충전

width() - 요소의 너비를 반환합니다.

height() - 요소의 높이를 반환합니다.

innerWidth() 메서드는 요소의 너비(패딩 포함)를 반환합니다. innerHeight() 메서드는 요소의 높이(패딩 포함)를 반환합니다. externalWidth() 메서드는 요소의 너비(패딩 및 테두리 포함)를 반환합니다.

outerHeight() 메서드는 요소의 높이(패딩 및 테두리 포함)를 반환합니다.

outerWidth(true) 메소드는 요소의 너비(패딩, 테두리 및 여백 포함)를 반환합니다.

outerHeight(true) 메소드는 요소의 높이(패딩, 테두리 및 여백 포함)를 반환합니다.

문서(HTML 문서)의 높이를 반환합니다. $(document).height()

창(브라우저 뷰포트)을 반환합니다. $ ( window).height()