javascript - 通过javascript获取浏览器的尺寸-6ren

javascript - 通过javascript获取浏览器的尺寸

转载作者：行者123 更新时间：2023-11-28 10:17:09

我正在尝试使用 java 脚本获取浏览器窗口的尺寸。我用来执行此操作的函数是:

function getDimensions(){
    var myWidth = document.documentElement.clientWidth; 
    var myHeight = document.documentElement.clientHeight; 
    var returnstring = myWidth+','+myHeight;
    document.applets[0].postDimensions(returnstring); 
}

但是返回的宽度和高度都为零。我不明白为什么。

下面列出了来源。

<html>
<head>
    <title>Emscribe Dx Review Screen</title>
<style type="text/css">
body {

    text-align: left; /* for IE */
}
#container {

    text-align: left; /* counter the body center */
    /*width: 1250px; */
}

</style>




</head>
<BODY id="App1" style=" height:50%;" BGCOLOR="#3D59AB">
<div id="container" style="height:75%">
    <div name= "buttonbar" id = "buttonbar" style="cursor:wait;" style="width:100%;   
height:5%;">
      <SCRIPT LANGUAGUE = "JavaScript" src="scripts/ingenix.js"></SCRIPT>


<SCRIPT LANGUAGE="JavaScript">

function getDimensions(){
var myWidth = document.documentElement.clientWidth; 
var myHeight = document.documentElement.clientHeight; 
var returnstring = myWidth+','+myHeight;
document.applets[0].postDimensions(returnstring); 

}

</SCRIPT>



<FORM NAME="CODINGFORM">         
   <TABLE cellpadding=5 cellspacing=3 border=2 width="100%" height="10%" Align="left">
 <tr width="100%">
<td width="15%" align="center">

      <input type="text" name="AccountNumber" id="AccountNumber" size="12" title="Enter   
 the account to be downloaded here."
        onkeypress="keydownpress(this.form)" style="cursor:wait; font-weight: bold; "  
disabled=true  /> 
      <font style="display:block;" color="white" size="2" face="arial">Account</font>

  <div style="display:inline;">
    <div style="display:inline; float:left;">
      <button name="download" value="download" type="button" disabled=true
        style="background-color:white; color:black;  cursor:wait;"
        title = "Click here to download an account." onClick="doDownload(this.form)">
        <img src="picts/down.gif" alt="" width="20" height="20" name="downimage"/> 
      </button>
      <font  style="display:block; font-size: 11px;" color="white" face="arial" 
id="downfont"> Download</font>
    </div>
     <div style="display:inline; float:right; margin-right: 5px;">
                    <button name="save" value="save" type="button" 
style="background-color:white; color:black; cursor:wait;" disabled=false  
                      onClick="doSave()"
                      title = "Click here to save your work.">
                      <img src="picts/save.png" alt="" width="20" 
height="20" id="saveimage"/>
                  </button>

                  <font style="display:block; font-size: 11px;" 
color="white"   face="arial" id="savefont"> Save</font>
                </div>
  </div>
<div style="display:inline; float:none; margin-right: 5px;">
      <button name="upload" value="upload" type="button" style="background-color:white; 
 color:black; cursor:wait;" disabled=true  
        onClick="doUpload()"
        title = "Click here to return account to database.">
        <img src="picts/gup.gif" alt="" width="20" height="20" id="upimage"/>
      </button>

      <font style="display:block; font-size: 11px;" color="gray"   face="arial" 
id="upfont"> Upload</font>
    </div>
  </div>


</td>




<td width="7%" height="75" align=center>
  <button name="encode" value="encode" type="button"  style="background-color:white; 
color:black; cursor:wait;" disabled=true  title = "Click here when ready to   send 
entries to encoder." onClick="doEncoding()">
    <img src="picts/e.gif" alt="" width="20" height="20" />  
  </button>

<br><font color="white" size="2" face="arial"> Encoder</font></td>


<td width="10%" align="center">
  <div style="text-align:center;">
<span style="text-align:center; display:block;"><button name="warning" value="warning"    
type="button" disabled = true style="cursor:wait
  style="background-color:white; color:black;"
  onClick="displayDrgElements()">
<img src="picts/greywarning.gif" alt="" width="20" height="20"  name="warningimg"/> 
</button>
</span>
<span style="text-align:center; display:block;"><input type="text" align="center"   
name="RDRG" id="RDRG" size="10" disabled = true title="Running DRG."   
style="height:20px; font-size: 10px;  padding-bottom:0px; margin-bottom:0px;"   
readonly/></span>
<span style="text-align:center;  display:block;"><font id="runningD" color="white" 
size="2" face="arial" style="font-size: 11px; padding-top:0px; margin-top:0px; 
  display:block;">Running DRG</font></span>

</div>

  <div style="text-align:center;">
  <span style="text-align:center;  display:block;"><input type="text" align="center" 
 name="reimburse" id="reimburse" size="10" style="cursor:wait; height:20px; font-size: 
 10px;  padding-bottom:0px; margin-bottom:0px;" disabled = true title="Running DRG." 
 readonly/></span>
 <span style="text-align:center;  display:block;"><font id="EstReimburse" color="white" 
  size="2" face="arial" style="font-size: 11px; padding-top:0px; margin-top:0px; 
 display:block;">Est. Reimburse</font></span>
 </div>

 </td>


<td align=center>
 <div style="float:left; height: 100px;">
 <div id="bannerOption1Div" width="10%" align=center style="display:none">
   <input disabled=true type="text" name="bannerOption1Source" 
id="bannerOption1SourceId" size="20" style="height:20px; font-size: 12px;  padding-
bottom:0px; margin-bottom:0px;"/>
   <font id="bannerOption1TextId" color="white" size="2" face="arial" style="font-size: 
11px; padding-top:0px; margin-top:0px; display:block;">None</font>
 </div>
 <div id="bannerOption2Div" width="10%" align=center style="display:none">
   <input disabled=true type="text" name="bannerOption2Source" 
id="bannerOption2SourceId" size="20" style="height:20px; font-size: 12px; padding-  
bottom:0px; margin-bottom:0px;"/>

   <font id="bannerOption2TextId" color="white" size="2" face="arial" style="font-size: 
 11px; padding-top:0px; margin-top:0px; display:block;">None</font>
 </div>
 <div id="bannerOption3Div" width="10%" align=center style="display:none">
   <input disabled=true type="text" name="bannerOption3Source" 
id="bannerOption3SourceId" size="20" style="height:20px; font-size: 12px; padding-

bottom:0px; margin-bottom:0px;"/>

   <font id="bannerOption3TextId" color="white" size="2" face="arial" style="font-size:   
 11px; padding-top:0px; margin-top:0px; display:block;">None</font>
  </div>
 </div>
 <div style=" margin-left:10px; float:left;  height: 100px;">
 <div id="bannerOption4Div" width="10%" align=center style="display:none">
   <input disabled=true type="text" name="bannerOption4Source" 
  id="bannerOption4SourceId" size="20" style="height:20px; font-size: 12px;  padding-
  bottom:0px; margin-bottom:0px;"/>

   <font id="bannerOption4TextId" color="white" size="2" face="arial" style="font-size: 
11px; padding-top:0px; margin-top:0px; display:block;">None</font>
 </div>
 <div id="bannerOption5Div" width="10%" align=center style="display:none">
   <input disabled=true type="text" name="bannerOption5Source" 
id="bannerOption5SourceId" size="20" style="height:20px; font-size: 12px;  padding-
bottom:0px; margin-bottom:0px;"/>

   <font id="bannerOption5TextId" color="white" size="2" face="arial" style="font-size: 
11px; padding-top:0px; margin-top:0px; display:block;">None</font>
 </div>
 <div id="bannerOption6Div" width="10%" align=center style="display:none">
   <input disabled=true type="text" name="bannerOption6Source" 
id="bannerOption6SourceId" size="20" style="height:20px; font-size: 12px;  padding-
bottom:0px; margin-bottom:0px;"/>

   <font id="bannerOption6TextId" color="white" size="2" face="arial" style="font-size: 
11px; padding-top:0px; margin-top:0px; display:block;">None</font>
 </div>
</div>
<div style=" margin-left:10px; float:left;  height: 100px;">
 <div id="bannerOption7Div" width="10%" align=center style="display:none">
   <input disabled=true type="text" name="bannerOption7Source" 
id="bannerOption7SourceId" size="20" style="height:20px; font-size: 12px;  padding-
bottom:0px; margin-bottom:0px;"/>

   <font id="bannerOption7TextId" color="white" size="2" face="arial" style="font-size: 
11px; padding-top:0px; margin-top:0px; display:block;">None</font>
 </div>
 <div id="bannerOption8Div" width="10%" align=center style="display:none">
   <input disabled=true type="text" name="bannerOption8Source" 
id="bannerOption8SourceId" size="20" style="height:20px; font-size: 12px;  padding-
bottom:0px; margin-bottom:0px;"/>

   <font id="bannerOption8TextId" color="white" size="2" face="arial" style="font-size: 
11px; padding-top:0px; margin-top:0px; display:block;">None</font>
 </div>
  <div id="bannerOption9Div" width="10%" align=center style="display:none">
   <input disabled=true type="text" name="bannerOption9Source" 
   id="bannerOption9SourceId" size="20" style="height:20px; font-size: 12px;  padding- 
   bottom:0px; margin-bottom:0px;"/>

   <font id="bannerOption9TextId" color="white" size="2" face="arial" style="font-size: 
    11px; padding-top:0px; margin-top:0px; display:block;">None</font>
    </div>
  </div>
  <div style=" margin-left:10px; float:left;  height: 100px;">
    <div id="bannerOption10Div" width="10%" align=center style="display:none">
   <input disabled=true type="text" name="bannerOption10Source" 
   id="bannerOption10SourceId" size="20" style="height:20px; font-size: 12px;  padding-
   bottom:0px; margin-bottom:0px;"/>

   <font id="bannerOption10TextId" color="white" size="2" face="arial" style="font-
  size: 11px; padding-top:0px; margin-top:0px; display:block;">None</font>
  </div>
  <div id="bannerOption11Div" width="10%" align=center style="display:none">
   <input disabled=true type="text" name="bannerOption11Source" 
  id="bannerOption11SourceId" size="20" style="height:20px; font-size: 12px;  padding-
   bottom:0px; margin-bottom:0px;"/>

   <font id="bannerOption11TextId" color="white" size="2" face="arial" style="font-
   size: 11px; padding-top:0px; margin-top:0px; display:block;">None</font>
 </div>
 <div id="bannerOption12Div" width="10%" align=center style="display:none">
   <input disabled=true type="text" name="bannerOption12Source" 
   id="bannerOption12SourceId" size="20" style="height:20px; font-size: 12px;  padding-
   bottom:0px; margin-bottom:0px;"/>

   <font id="bannerOption12TextId" color="white" size="2" face="arial" style="font-
   size: 11px; padding-top:0px; margin-top:0px; display:block;">None</font>
   </div>
  </div>


  <div style=" margin-left:10px; float:left;  height: 100px;">
 <div id="bannerOption13Div" width="10%" align=center style="display:none">
   <input disabled=true type="text" name="bannerOption13Source" 
  id="bannerOption13SourceId" size="20" style="height:20px; font-size: 12px;  padding-
  bottom:0px; margin-bottom:0px;"/>

   <font id="bannerOption13TextId" color="white" size="2" face="arial" style="font-
size: 11px; padding-top:0px; margin-top:0px; display:block;">None</font>
 </div>
 <div id="bannerOption14Div" width="10%" align=center style="display:none">
   <input disabled=true type="text" name="bannerOption14Source" 
  id="bannerOption14SourceId" size="20" style="height:20px; font-size: 12px;  padding-
   bottom:0px; margin-bottom:0px;"/>

   <font id="bannerOption14TextId" color="white" size="2" face="arial" style="font-
  size: 11px; padding-top:0px; margin-top:0px; display:block;">None</font>
   </div>
 <div id="bannerOption15Div" width="10%" align=center style="display:none">
   <input disabled=true type="text" name="bannerOption15Source" 
id="bannerOption15SourceId" size="20" style="height:20px; font-size: 12px;  padding-
 bottom:0px; margin-bottom:0px;"/>

   <font id="bannerOption15TextId" color="white" size="2" face="arial" style="font-
size: 11px; padding-top:0px; margin-top:0px; display:block;">None</font>
 </div>
 </div>



  </td>


   <td id="emDropDownContainer" width="9%" align=center style="display:none">
 <font color="white" size="2" face="arial">CPT Code</font>
 <br>
 <div id="cptDiv">
     <select id='selCptId' name='selectedCptId'>
      <option  value="-1">--None--</option>
 </select>
</div>
</td>

</tr>
</table>
</FORM>
 </div>

 <div style="width:100%; height:89%; margin-left:0px;>
 <TABLE cellpadding=0 cellspacing=0 border=0 width="100%" height="90%">
<tr style="height:100%;">   
    <td VALIGN="TOP">   
       <div  style="visibility:visible; background:white; foreground:black; font-   
size:200%; width:100%; height:10%; margin-left:100px; margin-top:5px; margin- 
right:100px; text-align:center; cursor:wait;" id="msgdiv">
            <p> Please wait while Fusion CAC Loads </p>
        </div>
        <div align="center" style="cursor:wait; height:100%;"  id="divapp" 
name="divapp" >
            <APPLET NAME="RevApp2" CODE="RevApp2.class" id="myapplet" name="myapplet" 
style="visibility:hidden;"
              ARCHIVE ="CoderDx.jar,xpp3-1.1.3.4.C.jar,xml-apis.jar,jcommon-
1.0.16.jar,jfreechart-1.0.13.jar,MultiSplit.jar,balloontip-1.1.1.jar,artificialmed.jar" 
WIDTH=99% HEIGHT=100%>
                <PARAM NAME = USERID VALUE = "#DxWebTemplate" />
                <PARAM NAME = URL VALUE = "#IPAddress" />
                <PARAM NAME = PATHNAME VALUE = "#PathName" />
                <PARAM NAME = SessionID VALUE = "#SessionID" />
                <PARAM NAME = Role VALUE = "#Role" />
            </APPLET>
    </div>  
    </TD>
</TR>  

</table>

</div>
</div>
</BODY>
</HTML>

最佳答案

原始代码是通过Google搜索获得的。众所周知，谷歌搜索并不总能提供正确的答案。我知道这个 html 中有过时的代码，但这不是现在的优先事项。到目前为止，答案是在另一个网页上找到的。我发帖是为了他人的利益:

function getDimensions()
{
  var myWidth = document.documentElement.offsetWidth;
  var myHeight = document.documentElement.offsetHeight;
  var returnstring = myWidth+','+myHeight;
  document.applets[0].postDimensions(returnstring);
}

关于javascript - 通过javascript获取浏览器的尺寸，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6331505/

文章推荐： javascript - 将字节数组从 javascript 发送到 silverlight

文章推荐： javascript - 如何创建更新模型属性的按钮？

文章推荐： jquery - CSS定位图片

文章推荐： css - 需要帮助将

列表式菜单居中

c - 为什么这个 malloc 包装器对请求的内存大小执行此操作？尺寸 = (尺寸 + 3) & ~3;
我正在查看 DOOM 源代码，我找到了 this行。 void * Z_Malloc (int size, int tag, void *user)
window 尺寸
关闭。这个问题需要details or clarity .它目前不接受答案。想改进这个问题吗？通过 editing this post 添加细节并澄清问题. 关闭 9 年前。 Improve t
c++ - 如何获得特征矩阵的形状(尺寸)？
我正从 Python 和 Numpy 转向 C++ 和 Eigen。在 Python 中，我可以使用 .shape 属性获取 Numpy 数组/矩阵的形状(维度)，如下所示: import nump
youtube - 嵌入YouTube:尺寸
固定嵌入式YouTube视频的宽度并自己照顾自己的高度是否安全？我有一个应用程序，用户可以将通知发布到公告板上。这些通知主要是文本(带有有限的html标签)和嵌入式图像。我现在要添加对嵌入式YouT
javascript - 创建后如何更改盒子的尺寸/尺寸？
可以轻松创建一个 THREE.BoxGeometry，在创建宽度、高度和深度的三个独立参数时，您必须在其中传递参数。我想创建任何和所有不带参数的THREE[types]()，并在之后设置值。有没有
JavaScript Canvas 尺寸
我在 HTML 页面上有一个 Canvas : 属性width和height将 Canvas 拉伸(stretch)到某个字段，但不调整其大小。所以 var canvasElement = docu
CSS 定位/尺寸
我在我的 css 中使用 @media all 和 (max-width: 600px) {} 作为响应式菜单，问题是它没有正确显示。我想让橙色填充绿色空间……当然，还要将绿色空间变成透明的。基本上
c++ - 尺寸、长度换算？
(我知道我问了很多关于这个的问题!) 基本上，我正在尝试将一些代码从 Matlab 转换为 C++，我遇到了这个: n = sum(size(blocks)) - len; 现在我计算了 vector
javascript - 选择类别然后显示类别.尺寸
您好，我有一个用于创建产品的表单。用户应该能够选择类别(例如 T 恤)，然后 T 恤的所有尺码(例如 S、M、L)都会下拉。用户可以输入每种尺寸的数量。 Javascript 对此不起作用。用户可以选
html - 尺寸、对齐方式和列表样式等社交图标命令对页脚没有任何影响
我正在尝试在页脚中定位和调整我的社交图标链接的大小，但是，这些命令似乎都没有效果，尤其是当我尝试调整它们的大小时。我试过将宽度和高度标记为“!重要”，但这也没有效果。这是代码的 JSFiddle:h
canvas - 给定特定尺寸的最大潜在 PNG 尺寸
我目前正在创建一个 HTML5 canvas基于绘图程序。用户可以绘制一张图像或几张图像“页面”，并将其保存到云端以供日后快速检索。这是用于交互式白板的；老师不能总是确定他们计划类(class)使用的
image - 如何为网页保存图像？ (格式/尺寸)
为网站存储图像的最佳方式是什么？我不应该超过什么尺寸？现在，我将所有界面文件保存在 png(主要是 Sprite )中，并将常用图像保存在 jpg 中。一些图像大约为 100-150Kb。保存图
jquery - fancybox iframe 尺寸
在 fancybox 主页 ( http://fancybox.net/home ) 中，有一个打开尺寸为屏幕 75% 的 iFrame 的示例。我无法按照网站上的说明通过修改 .js 文件的宽度和
iPhone 4 Nib 尺寸
我想做一个仅适用于 iPhone 4 的应用程序，该应用程序使用 iAd AdBannerView。当我添加它时，它的固定大小为 320x50。在更高分辨率下这如何工作？有人可以解释一下 iPhon
cocoa - 旋转的 NSString 尺寸
我们有一个 NSString，我们使用 - (NSSize)sizeWithAttributes:(NSDictionary *)attributes 来测量边界框。一切都好。现在我们使用标准 NS
delphi - 如何仅通过知道其句柄来确定 Canvas 尺寸？
我想知道 Canvas 的宽度和高度，但我只知道它的 HDC。我尝试过这段代码: procedure TForm92.Button1Click(Sender: TObject); var hBi
javascript - 旋转路径后计算 SVG 尺寸
问题是如何使用数学从 START SVG 维度(不带旋转)和 END SVG 维度(带旋转)获取 >开始 SVG 信息。基本上，要从 START SVG 到 END SVG，我需要执行 -115.60
oracle - 鱿鱼进口 Parquet 尺寸
我的问题是，我有一个包含50万行的Oracle表。我设置了sqoop以将其作为 Parquet 文件导入到HDFS。我将--num-partition参数设置为32，得到了32个 Parquet 文件
wordpress - YouTube 尺寸 WordPress
是否可以更改 WordPress 中当前主题的 YouTube(或其他视频)的默认嵌入尺寸？我搜索了一个插件和一些代码，但似乎找不到。我的意思是当您将 YouTube 网址粘贴到帖子或页面中时使用的
JavaFX 缩小 ImageView 尺寸
我有一个组，其中包含一个矩形和顶部的图像。我希望矩形可以调整大小，并且图像应该具有固定大小，除非矩形小于图像的情况。然后图像应该随着矩形缩小。图像还应该始终居中并有一些填充。除了图像的缩小尺寸部分

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 通过javascript获取浏览器的尺寸