怎样在窗体加载的时候让一个div的高度为屏幕的高度_框架

<html>

<head>

<title>改变div高度</title>

$(function(){

//为div设置边框

$("#container")css("border","1px solid gray");

//改变div的高度

$("#container")height($(window)height());

//改变div的宽度

$("#container")width($(window)width());

});

</script>

</head>

<body>

</div>

</body>

</html>

另附Jquery获取各种屏幕的宽度和高度的示例代码：

$(document)ready(function(){

alert($(window)height()); //浏览器当前窗口可视区域高度

alert($(document)height()); //浏览器当前窗口文档的高度

alert($(documentbody)height());//浏览器当前窗口文档body的高度

alert($(documentbody)outerHeight(true));//浏览器当前窗口文档body的总高度包括border padding margin

alert($(window)width()); //浏览器当前窗口可视区域宽度

alert($(document)width());//浏览器当前窗口文档对象宽度

alert($(documentbody)width());//浏览器当前窗口文档body的宽度

alert($(documentbody)outerWidth(true));//浏览器当前窗口文档body的总宽度包括border padding margin

})

侦听“屏幕旋转”事件，一旦屏幕旋转就在回调函数中重新获得元素的宽和高。

如果你用jquery的话可以这样写：

$(window)on('orientationchange', function() {

var $el = $("#el"); // 需要重新获得宽和高的元素

var newWidth = $elwidth(); // 新的宽

var newHeight = $elheight(); // 新的高

});

您好！很高兴为您答疑！尝试下面代码：<html> <head> <title>hello</title> <meta >

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。

2、在indexhtml中的<script>标签，输入jquery代码：

$('body')append('height: ' + $(document)height() + '<br/>');

$('body')append('width: ' + $(document)width());

3、浏览器运行indexhtml页面，此时会打印出界面最大可以滚动的文档宽度和文档高度。

1、首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。

2、html页面代码如图所示，定义一个div，然后给一个id属性即可。

3、这里是使用宽度的百分比之后，设置高度值为零，然后使用padding属性的top或者bottom的值（可以是任意百分比），背景颜色作为测试。

4、然后在浏览器运行之后的效果是这样的哦，放大缩小浏览器，宽高会随之改变。

5、这个方法是使用expression来设置高度即可。

以上就是关于怎样在窗体加载的时候让一个div的高度为屏幕的高度全部的内容，包括:怎样在窗体加载的时候让一个div的高度为屏幕的高度、javascript js 如何在手机屏幕旋转后获取一个对象的新高度和宽度,不是屏幕的、用JS或jQuery怎么实现默认窗口最大化，，要兼容谷歌、火狐、IE和Oper浏览器等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/9787783.html

怎样在窗体加载的时候让一个div的高度为屏幕的高度

发表评论

评论列表（0条）