获取屏幕宽度传递到html样式

2015-02-03 07:59  评论 0 条

屏幕高宽传递到html样式,怎么获取页面尺寸宽度?怎么把这个宽度传递出来?从写手机版开始就在心里一直想这个问题,在网上东拼西凑对于一个不会写js的人来说研究出来的喜悦···嘻嘻··和大家分享一下,需要的朋友来带走吧!

 

 

<p id="p1">sssss</p>

<script>
var x = navigator;
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
document.getElementById("p1").innerHTML="<b>屏幕分辨率:</b>"+screen.width + "*" + screen.height+"<b>内部窗口</b>:" + w + "*" + h
document.getElementById("p1").style.width= screen.width + 'px';
document.getElementById("p1").style.height= window.innerHeight + 'px';
</script>

历史上的今天:

本文地址:http://blog.zd178.com/?p=2083
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!
新年快乐
新年快乐

发表评论


表情