用javascript实现html页面上自动提示屏幕高度的代码

最新推荐文章于 2022-09-08 17:20:45 发布

wx_17819660359

最新推荐文章于 2022-09-08 17:20:45 发布

阅读量289

点赞数

分类专栏： html javascript 文章标签： html

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/zrcshendustudy/article/details/79588897

版权

html 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

1.html语言的代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>浏览器高度</title>
<style type="text/css">
.middle{
width: 100%;
background: orange;
}
</style>
</head>
<body>
<div class="middle"></div> //定义一个div层，用来查看效果。设置class属性，方便调用值
<script language="JavaScript">
function test(){ //定义一个函数，用来专门获取屏幕高度值，然后赋给div层的height属性
var s="";
s+="\r\n"+window.screen.height; //获得屏幕高度的关键代码
alert(s);
var h=document.getElementsByClassName('middle')[0]; //这里的h指代的是div层的高度。
h.style.height=s+"px";
}
</script>
<a href="javascript:test()">点击查看信息</a>
</body>
</html>

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用javascript实现html页面上自动提示屏幕高度的代码

1.html语言的代码&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;浏览器高度&lt;/title&gt;&lt;style type="text/css"&gt; .middle{
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。