如何在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

\n

\n

\n

document.write( window.outerWidth  );

\n

\n

\n