</head>
<p id="p1">sssss</p>
<body>
</body>
</html>
<script>
var x = navigator;
var w=windowinnerWidth
|| documentdocumentElementclientWidth
|| documentbodyclientWidth;
var h=windowinnerHeight
|| documentdocumentElementclientHeight
|| documentbodyclientHeight;
documentgetElementById("p1")innerHTML="<b>屏幕分辨率:</b>"+screenwidth + "" + screenheight+"<b>内部窗口</b>:" + w + "" + h
</script>
不知道是不是这个 屏幕分辨率 ：pc上的桌面分辨率 。手机上是 一个型号固定的分辨
<title>Js获取适时获取鼠标坐标值并显示</title>
<script type="text/javascript">
var getCoordInDocumentExample = function(){
var coords = documentgetElementById("coords");
coordsonmousemove = function(e){
var pointer = getCoordInDocument(e);
var coord = documentgetElementById("coord");
coordinnerHTML = "X,Y=("+pointerx+", "+pointery+")";
}
}
var getCoordInDocument = function(e) {
e = e || windowevent;
var x = epageX || (eclientX +
(documentdocumentElementscrollLeft
|| documentbodyscrollLeft));
var y= epageY || (eclientY +
(documentdocumentElementscrollTop
|| documentbodyscrollTop));
return {'x':x,'y':y};
}
windowonload = function(){
getCoordInDocumentExample();
};
</script>
<div id="coords" style="width:500px;height:200px;background:#F2F1D7;border:2px solid #0066cc;">
请在此移动鼠标。
</div>
<br />
<div id="coord" style="width:500px;border:2px solid #336699;"> </div>
由于现在的很多用户的分辨率问题 导致很多广告会遮挡内容或者对于不同分辨率的用户不同的css样式 就可以参考下面的代码
一般我们可以通过下面的代码判断分辨率
复制代码 代码如下: <script language="JavaScript"> <! Begin function redirectPage() { var wjb =screen width; var hjb =screen height; alert("经系统检测 你的屏幕分辨率为 " + wjb +""+ hjb + "by 脚本之家jb net"); } // End > </script>js判断浏览器分辨率
复制代码 代码如下: <script> function ScreenWidth(){ if (screen width == ){ alert(" "); }else if (screen width == ){ alert(" "); }else if (screen width == ){ alert(" "); }else { alert("do not know!"); } } </script> <input type=button name= value="fenbianli " onclick=" ScreenWidth()"/>说明 这段js代码可改造一下 改为screen width>= screen width= 两种情况
所以我选择使用下面的代码
复制代码 代码如下: if(screen width>= ){ alert( 宽屏幕可以加载广告了 ); //一些广告代码 }用JS判断不同分辨率调用不同的CSS样式文件
最近看一个网站 发现显示器不同的分辨率 样式文件调用的也不一样 今天写了一个例子研究一下
复制代码 代码如下: <!DOCTYPE HTML> <> <head> <meta charset=utf > <title>无标题文档</title> <link rel="stylesheet" id="sc" type=text/css href="css/c css"/> <script type=text/javascript> window onload=function(){ var sc=document getElementById("sc"); var d=document getElementById("d"); if(screen width> ) //获取屏幕的的宽度 { sc setAttribute("href" "css/c css"); //设置css引入样式表的路径 d innerHTML = "你的电脑屏幕宽度大于 我的宽度是 px 背景色现在是红色 "; } else{ sc setAttribute("href" "css/c css"); d innerHTML = "你的电脑屏幕宽度小于或是等于 我的宽度是 px 背景色现在是蓝色 "; } } </script> </head> <body> <div id="d"></div> </body> </>c css里面的内容
复制代码 代码如下: lishixinzhi/Article/program/Java/JSP/201311/20272
不是很明白你的意思。。
你是不是说，有一个列表假如有10条数据在显示着，然后下面有个按钮，点击的时候，数据向上滚动。。然后滚动出来的新数据要恰好是第11条数据要高亮显示，并且不能滚过头了？
如果是后台请求的数据，那么你必须使用ajax先把数据取出来，再用js填充table，并且该table外面必须套一个div控制高度，滚动条，你js再控制第一条数据的样式，并且使用动画效果，每个多少毫秒隐藏旧的数据，出现新数据。
以上就是关于js获取手机屏幕的尺寸，主要是高度全部的内容，包括:js获取手机屏幕的尺寸，主要是高度、HTML里如何用js获取屏幕上坐标x,y的颜色、js判断屏幕分辨率的代码等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）