Copy code The code is as follows: 获取页面宽度 <br> $.format = function (source, params) {<br> if (arguments.length == 1)<br> return function () {<br> var args = $.makeArray(arguments);<br> args.unshift(source);<br> return $.format.apply(this, args);<br> };<br> if (arguments.length > 2 && params.constructor != Array) {<br> params = $.makeArray(arguments).slice(1);<br> }<br> if (params.constructor != Array) {<br> params = [params];<br> }<br> $.each(params, function (i, n) {<br> source = source.replace(new RegExp("\{" i "\}", "g"), n);<br> });<br> return source;<br> };<br> /*------------以上是字符串format函数----------------*/<br> $(document).ready(function () {<br> $("button").click(function () {<br> var d=$("#div1");<br> var txt = "";<br> txt = $.format("width(): {0}</br>", d.width());<br> txt = $.format("height(): {0}</br>", d.height());<br> txt = $.format("Inner Width: {0}</br>", d.innerWidth());<br> txt = $.format("Inner Height: {0}</br>", d.innerHeight());<br> txt = $.format("Outer Width: {0}</br>", d.outerWidth());<br> txt = $.format("Outer Height: {0}</br>", d.outerHeight());<br> txt = $.format("outerWidth(true): {0}</br>", d.outerWidth(true));<br> txt = $.format("outerHeight(true): {0}</br>", d.outerHeight(true));<br> txt = $.format("HTML文档宽度: {0}</br>", $(document).width());<br> txt = $.format("HTML文档高度: {0}</br>", $(document).height());<br> txt = $.format("浏览器视口宽度: {0}</br>", $(window).width());<br> txt = $.format("浏览器视口高度: {0}</br>", $(window).height());<br> /script><br></head><br><body><br> <br><div id="div1" style="height:auto;width:300px;padding:10px;margin:3px;border:1px solid blue; background-color:lightblue;"></div> <br><br/><button>현재 다양한 사이즈 보기</button><p> <p><a href="http://4welove.taobao.com" target =" _blank">휴대폰요금, Q코인, 게임충전</a></p><br><p>width() - 요소의 너비를 반환합니다. </p> <br><p>height() - 요소의 높이를 반환합니다. </p> <br><p>innerWidth() 메서드는 요소의 너비(패딩 포함)를 반환합니다. innerHeight() 메서드는 요소의 높이(패딩 포함)를 반환합니다. externalWidth() 메서드는 요소의 너비(패딩 및 테두리 포함)를 반환합니다. </p><br><p>outerHeight() 메서드는 요소의 높이(패딩 및 테두리 포함)를 반환합니다. </p><br><p>outerWidth(true) 메소드는 요소의 너비(패딩, 테두리 및 여백 포함)를 반환합니다. </p> <br><p>outerHeight(true) 메소드는 요소의 높이(패딩, 테두리 및 여백 포함)를 반환합니다. </p><br><p>문서(HTML 문서)의 높이를 반환합니다. $(document).height()</p><br><p>창(브라우저 뷰포트)을 반환합니다. $ ( window).height()</p><br></body><br></html><br><br><br></p> </div>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
