浏览器页面

?  window.innerHeight - 浏览器窗口的内部高度

?  window.innerWidth - 浏览器窗口的内部宽度

scrollHeight,获取网页内容高度。

scrollWidth,获取网页内容宽度。

offsetHeight,获取网页内容高度

offsetWidth,获取网页内容宽度(包括滚动条等边线,会随窗口的显示大小改变)。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<script type="text/javascript">
var x1= document.documentElement.clientWidth
       document.body.clientWidth;
var z1= document.documentElement.clientHeight
       document.body.clientHeight;

       document.write("本网页的宽:"+x1+"<br />"+"本网页的高:"+z1+"<br />");

var x2=document.documentElement.scrollWidth
    document.body.scrollWidth;
var z2=document.documentElement.scrollHeight
    document.body.scrollHeight;

   document.write("网页内容宽:"+x2+"<br />"+"网页内容高:"+z2+"<br />");

var x3= document.documentElement.offsetWidth
     document.body.offsetWidth;
var z3= document.documentElement.offsetHeight
     document.body.offsetHeight;

    document.write("网页内容宽:"+x3+"<br />"+"网页内容高:"+z3+"<br />"+"包括滚轮、边框,并随显示大小而改变");       

</script>
</body>
</html>
时间: 2024-12-13 05:34:33

浏览器页面的相关文章

js禁止浏览器页面后退功能

js禁止浏览器页面后退功能: <script> $(function(){ if(window.location.href.indexOf("/login") > -1) { //防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL);

jsp中向浏览器页面输出的方式总结

jsp中百分号内输出 不需要有JavaScript标签 1.因为jsp就是包含在html 里面,所以什么都不干时,就是在body里面输出html内容 2.百分号 内是JavaScript代码?java代码的封装,所以不输出在浏览器页面 所以此时要把java获得的一些值输出到浏览器页面时,有两种方法 第一:用<%=表达式,取值方法%> get一些值表达式输出 第二:在百分号里面,用jsp内置对象out的方法 out.println(“”)输出. 注意System.out.println(&quo

手机浏览器页面知识收集

wap手机网页css(wap css) 大部分手机现在都支持XHTML浏览器,这意味着我们只需在stylesheets的类型设置成“handheld”即 1 * { 2 3 position: static !important; 4 5 float: none !important; 6 } 因为现行的手机的屏幕限制,没有太多的空间去漂移,故提倡用静态布局和尽量少的用float(ucweb6.0目前还不支持float) 为了手机的流量,提倡尽量少用背景图background: none !im

【转】判断浏览器版本是否是ie8以下浏览器,如果是调到提示换更高级版本浏览器页面

转自:判断浏览器版本是否是ie8以下浏览器,如果是调到提示换更高级版本浏览器页面 (function(window) {    var theUA = window.navigator.userAgent.toLowerCase();    if ((theUA.match(/msie\s\d+/) && theUA.match(/msie\s\d+/)[0]) || (theUA.match(/trident\s?\d+/) && theUA.match(/trident

浏览器页面是否缩放问题。

记得之前遇到过一个css样式的问题,找builder同学,搞了半天才发现原来是因为缩放问题引起. 1.浏览器页面缩放,即浏览器页面内容的缩放,使用符号:ctrl + (+/-)来实现页面内容的放大/缩小. 2.所以是不是在遇到样式.文字掉下来的时候,是不是考虑先看看是否页面缩放了! 另外,为了增强用户体验,可以增加对用户的提醒,用户可能不小心点击了快捷键导致页面缩放——变形,而不知所措时,可以提醒用户. 方法如下: 1. window.devicePixelRatio 该参数是设备上物理像素和设

chorme浏览器div包含img标签页面总超出浏览器页面高度

<div style="display:block;position:absolute;left:0px;top:0px;" id="backgroundImg"><img src="img/zx-user-login/2.jpg" style="width:100%;height:100%;"  /></div> js如下: $(function(){     $(document).re

C# 导出excel的压缩包到浏览器页面

需求背景:TCX_1710项目产品质量导出功能,客户希望每个总成导出到一个Excel表中 实现分析:客户选择时间段,点击导出按钮,默认导出开始时间当天的数据,每个总成一个Excel,将各个Excel打包压缩,返回压缩包到浏览器页面供客户下载 控制器类: /// <summary> /// 导出产品质量信息(每个总成一个Excel) /// </summary> /// <param name="keyword"></param> ///

Uipath浏览器页面跳转

东京IT青年前线: http://www.rpatokyo.com/ Uipath浏览器页面跳转 Go Back Activity:回到上一页 Go Forward :相当于前进到下一页 Go Home : 回到当前浏览器设定的主页 Navigate To:重新定向到新的页面 ---------------------------------------------------------------------------------- 关注东京IT青年前线,希望大家一起来分享在日本做IT的有

解决google浏览器页面打开不正确问题

问题:google浏览器打开的页面是hao123或者其他莫名其妙的广告页面. 最简单的解决方法 首先删去桌面.任务栏.开始菜单的google快捷方式,然后在C:\Program Files (x86)\Google\Chrome\Application路径下(我的是此路径)找到chrome.exe并新建快捷方式即可. 缺点:不知道恶意链接(病毒)的具体原因,所以无法将恶意链接删除(病毒).

前端进阶——浏览器页面渲染过程

一 .构建 DOM 和 CSSOM 树 浏览器渲染页面前需要先构建 DOM 和 CSSOM 树. 浏览器解析过程大概经过:字节 → 字符 → 令牌 → 节点 → 对象模型. 浏览器处理html页面的方式如下图: 1.转换:浏览器从磁盘或网络读取HTML的原始字节,并根据文件指定的编码将它们转换成各个字符 2.令牌化:浏览器将字符串转换成W3C HTML5标准规定的各种令牌(节点) 3.词法分析:发出的令牌转换成定义其属性和规则的对象 4.DOM构建:根据标记之间的关系构建dom 整个流程的最终输