コードをコピー コードは次のとおりです: 获取页面宽度 <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];<br> }<br> $.each(params, function (i, n) {<br> source = source.replace(new RegExp("\{" i "\}", "g") , n);<br> });<br> return source;<br> };<br> /*------------以上は字符串書式関数数------ ----------*/<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("内側の幅: {0}</br>", d.innerWidth());<BR> txt = $.format("内側の高さ: {0}</br>", d.innerHeight());<BR> txt = $.format("外側の幅: {0}</br>", d.outerWidth());<br> txt = $.format("外側の高さ: {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}", $(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>
