如何计算jQuery中的屏幕大小

Question

如何计算jQuery中的屏幕大小？

我有一个脚本创建一个新的聊天窗口，但是当我创建第四个窗口时，它显示在屏幕之外。我会帮助知道如何计算屏幕的大小，而不是通过这个限制！

function createChatBox(chatboxtitle,chatname,minimizeChatBox) { 
    $(" <div />") 
    .attr("id","chatbox_"+chatboxtitle) 
    .addClass("chatbox") 
    .html('<div style="cursor:pointer"onclick="javascript:toggleChatBoxGrowth(\''+chatboxtitle+'\')"><div class="chatboxhead"><div class="chatboxtitle">'+chatname+'</div><div id="chatboxoptions"><a href="javascript:void(0)" onclick="javascript:closeChatBox(\''+chatboxtitle+'\')"> X </a></div><br clear="all"/></div><div class="chatboxcontent"></div><div class="chatboxinput"><textarea class="chatboxtextarea" onkeydown="javascript:return checkChatBoxInputKey(event,this,\''+chatboxtitle+'\',\''+chatname+'\');"></textarea> <br clear="all"/></div>') 
    .appendTo($("body")); 

    $("#chatbox_"+chatboxtitle).css('bottom', '0px'); 
    chatBoxeslength = 0; 

    for (x in chatBoxes) { 
    if ($("#chatbox_"+chatBoxes[x]).css('display') != 'none') { 
    } 
    } 

    if (chatBoxeslength == 0) { 
    $("#chatbox_"+chatboxtitle).css('right', '215px'); 
    } else { 
    width = (chatBoxeslength)*(225+7)+215; 
    $("#chatbox_"+chatboxtitle).css('right', width+'px'); 
    } 
} 

Answer 1

jquery width()函数会给你窗口的宽度。

$(window).width() 

Answer 2

创建一个等于窗口宽度的变量，然后根据需要将其插入代码中。请参阅下面的示例，根据需要进行编辑。

$(document).ready(function() { 
 
var windowWidth = $(window).width(); 
 
alert(windowWidth); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 3

document.write(window.outerWidth );