获得通过JavaScript的浏览器尺寸

我试图让我的浏览器窗口中使用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>

--------------解决方案-------------

检查此链接为JavaScript。

这里是一个很好的资源来获得浏览器的宽度和高度WRT不同的浏览器

被做了谷歌搜索中获得的原代码。 正如我们所知,谷歌搜索并不总是提供正确的答案。 我知道,有陈旧的代码在这个网站,但不是优先考虑现在。 为了这一点,答案是另一个网页上找到。 我张贴他人受益:

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

分类:JavaScript的 时间:2012-01-01 人气:0
本文关键词: JavaScript的,HTML
分享到:

相关文章

  • JavaScript对象莫名其妙地绑定到窗口和对象 2012-01-01

    我已经JavaScript对象 var Bucket = function(id) { this.id = id this.items = [] } Bucket.prototype.add_item = function(item) { //some uniquness checking code here this.items.push(item); } 出于某种原因,当我实例化对象,并尝试添加一个项目,我得到一个错误 var bct = new Bucket bct.add_item(so

  • 输入(密码)的onblur的JavaScript错误Internet Explorer 7和8 2012-01-01

    这里是我的javascript输入内嵌代码 <input type="text" value="Please type username here..." onfocus="if (this.value == 'Please type username here...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Please type use

  • 这是什么奇怪的JavaScript数组语法? 2012-01-01

    我有一些麻烦,谷歌搜索和计算器的答案是什么这段JavaScript代码是这样做的: obj['e'+type+fn]( window.event ); 对我来说,这看起来像一个参数/参数数组元素: array[index](argument); 但是,我只能猜测这是什么在做什么. 这是等同于: array[index]=argument 这是分配的一个参数数组元素? 如果有人可以提供什么这是做一个简单的/通用的例子,将是巨大的. 我试图破译约翰Resig的addEvent()的实现. 我真的不想

  • 如何在Javascript的方案? 2012-01-01

    我试图写我自己的JavaScript框架,像jQuery的. 我使用的Aptana Studio进行设计网站. 我正打算创建一个网页,写的Javascript代码,就像我们会做一个网站. 突然,我注意到的Aptana Studio还拥有一个Javascript项目. 所以,我创建了一个新的Javascript项目. 但它主要是允许你创建只有.js文件中,并没有HTML文件. 我不知道一个独立的.js文件会做什么? 我我就不会需要一个HTML文件来执行,并测试我的javascript代码? 当然,

  • EVAL的JavaScript,检查语法错误 2012-01-01

    我想知道是否有可能通过JavaScript找到,如果调用的eval()有一个语法错误或不确定的变量,等等......所以可以说我使用eval一些任意JavaScript有没有办法来捕捉错误输出该EVAL的? --------------解决方案------------- 你可以测试是否有一个错误确实是一个SyntaxError. try { eval(code); } catch (e) { if (e instanceof SyntaxError) { alert(e.message); }

  • JavaScript的:Class.method与Class.prototype.method 2012-01-01

    下面的两个声明之间的区别是什么? Class.method = function () { /* code */ } Class.prototype.method = function () { /* code using this.values */ } 是不是还好想到的第一个语句声明一个静态方法,第二个语句作为一个实例方法的声明? --------------解决方案------------- 是的,第一个函数与构造函数的对象实例没有关系,你可以认为它像一个"静态方法". 在Jav

  • 错误在JavaScript脚本的JSON字符串 2012-01-01

    我在Javascript中使用JSON在我的asp.net项目第一次. 我是新来的吧. 我已经成功地创建了页面加载一个JSON字符串,并将其存储在一个隐藏字段. 现在,在Javascript中当我尝试的eval或解析该字符串,它不解析它. 请帮忙. 以下是我正在做的: var jsonText = $("#hiddenJson").val(); var jsonObject = JSON.parse(jsonText); //var jsonObject = eval("(&

  • 从WOEID天气预报(YQL使用或RSS)在JavaScript? 2012-01-01

    有没有获得在JavaScript从WOEID预报天气的方法吗? 我尝试使用雅虎的RSS源,但无法得到它的工作. 这里是我的代码 var url = "http://weather.yahooapis.com/forecastrss?w=" + encodeURIComponent('WOEID here'); $.ajax({ url: url, dataType: 'jsonp', jsonpCallback: function(data) { console.log(data);

  • Javascript的麻烦parseFloat和的if / else循环 2012-01-01

    因此,工作的一些代码,我不与我的第二个功能是保持返回40环斑的问题,我认为循环书写正确. 我猜测它的if和else条件中传递的值? 如果(par_hour <40),其来源于parseFloat function addEmployee() { var employees = new Array(); employees[0] = window.prompt("Enter employee name","Bob"); var hours = new Array

  • Javascript链接在同一个页面打开 2012-01-01

    我如何使用JavaScript在同一页上加载的内容,而不重新加载整个页面, --------------解决方案------------- 您正在寻找所谓AJAX - 有很多的教程在那里. 最简单的方法是使用jQuery的append方法:http://api.jquery.com/append/或jQuery的文字方法:http://api.jquery.com/text/

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.344 (s). 10 q(s)