var winWidth = 0;
var winHeight = 0;
function findDimensions() //函数：获取尺寸
{
//获取窗口宽度
if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth;
//获取窗口高度
if (window.innerHeight)
winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight;
//通过深入Document内部对body进行检测，获取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}
//这块
//document.body.style.height = winHeight + "px";
//document.body.style.width = winWidth + "px";
document.getElementById("a1111").style.height = winHeight + "px";
document.getElementById("a1111").style.width = winWidth + "px";
}
findDimensions();
//调用函数，获取数值
window.onresize=findDimensions;
</script>追问
if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth;
为什么还要判断呢 window的内宽肯定不能为0 吧？
比如
window.onresize=function(){ //随着窗口的改变而改变
//事件里添加要改变的逻辑
div.offsetWidth=(document.documentElement.clientWidth||document.body.clientWidth)/比例
}
document.getElementById("div").style.width=你的高度;
}
高度相同 onresize是窗口大小改变时触发的事件
如何让js在浏览器宽度改变的时候执行一个函数?
window.onresize事件是监听浏览器大小改变的事件,当浏览器宽高改变的时候，会触发这个事件，你可以将你需要执行的代码放在这里 eg：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document<\/title> <\/head> <body> <\/body> <script type="text\/javascript" langu...
js怎么样控制打开网页窗口的大小
window.moveTo(0, 0);\/\/移动窗口 window.resizeTo(800, 600);\/\/改变大小 window.onresize=new Function("window.resizeTo(800, 600);")<\/script> JS控制浏览器窗口的大小代码之二：<SCRIPT> if (window != top) top.location.href = location.href;self.resizeTo(800,600);<\/SCRIPT> J...
如何用JavaScript获取到窗口尺寸变化的事件
参考这个，这个是全屏flash <script language="javascript"> function ReSet() { document.getElementById("Flash").width=document.body.clientWidth;document.getElementById("Flash").height=document.body.clientHeight;} <\/script> <body onResize="ReSet()" onLoad="ReSet()"> ...
JS如何设置并限制浏览器窗口的大小
这样，返回后，就可以用类似getviewsize()[w]的方法调用宽度。如果要能动态改变，可以这样：var size=getviewsize();window.onresize=function(){size=getviewsize();} 这样，无论何时，都可以通过size变量取得窗口大小。
div如何自适应屏幕div自适应屏幕宽度
可以通过js实现两个p自适应同等高度，如下：先设置p+css基本布局：左边 右边 js实现p自适应高度代码如下：html怎么将背景图与浏览器大小自适应？图片自适应屏幕大小显示主要是利用百分比来控制，切忌给图片宽度一个固定值。如下代码：html代码:p>img src="图片地址"alt="">\/p>此时的css可以写成:....
js实现网页 高度和宽度成比例的代码
要得到窗口的尺寸，对于不同的浏览器，需要使用不同的属性和方法：若要检测窗口的真实尺寸，在Netscape下需要使用Window的属性；在 IE下需要 深入Document内部对body进行检测；在DOM环境下，若要得到窗口的尺寸，需要注意根元素的尺寸，而不是元素。Window对象的innerWidth属性包含当前窗口的内部宽度。Window...
JS里如何做一个网页,放大缩小不会改变排版?
1.媒体查询 CSS媒体查询可以让我们针对不同的媒体类型定义不同的样式，当重置浏览器窗口大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。2.百分比布局 通过百分比单位，可以使得浏览器中组件的宽和高随着浏览器的高度的变化而变化，从而实现响应式的效果。Bootstrap就是一个好的拓展3.rem布局 ...
JS要怎么改变浏览器缩放后DIV定位的位置?
div的位置可以直接用offsetLeft或者offsetTop属性获取。窗口缩放可以用window.onresize捕获，代码例：window.onresize=function(){ var xdiv=document.getElementById("a");var lef=xdiv.offsetLeft;var top=xdiv.offsetTop;alert(lef+","+top);} ...
怎么通过js 改变display
1、打开hbuilder软件，新建一个空白的html文件，输入基本的html结构，这里设置一个button按钮用来显示隐藏div，并且给按钮一个id，命名为show。同样也给div一个id，命名为hide：2、在下方编写js代码，首先给获取button的dom元素，并给其一个click事件，然后获取div的dom，修改disply的属性为block，即让隐藏...
如何使用jQuery让页面随着窗口大小的改变而自动加减页面的宽度?
5px solid #F00;}<\/style><script type="text\/javascript" src="jquery.js"><\/script><script type="text\/javascript">$(function(){$(".div1").css({height:$(window).height()});$(window).resize(function(){$(".div1").stop(true,false).animate({width:$(document).width()...
