<script language="javascript" type="">
function countDown(secs){
tiao.innerText=secs
if(--secs>0)
setTimeout("countDown("+secs+")",1000)
}
countDown(3)
</script>
1、js中获取当前屏幕宽度方法如下:
网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕分辨率的高: window.screen.height
屏幕分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight
屏幕可用工作区宽度: window.screen.availWidth
2、js简介
js,是JavaScript的缩写,是一种直译式脚本语言,一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
avaScript是的源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差,而且在JavaScript中,如果一条运行不了,那么下面的语言也无法运行。
不用js,css也可以。
// 大屏幕,当屏幕宽度等于641px或者大于641px的时候@media screen and (max-width: 641px) {
.container { width: 640px margin: 0 auto }
}
// 小屏幕,当屏幕最大宽度600px或者小于600px的时候
@media screen and (max-width: 640px) {
.container { width: auto margin: 0 }
}
js的话,判断一下window.innerWidth
var ww = window.innerWidthif (ww < 640) {
document.documentElement.setAttribute('class', 'container-mobile')
} else {
document.documentElement.setAttribute('class', 'container')
} .container { width: 640px margin: 0 auto }
.container-mobile { width: auto margin: 0 }