web前端|js教程
屏幕分辨率
web前端-js教程
一般我们可以通过下面的代码判断分辨率
瀑布源码,vscode搭建mfc,ubuntu更改密码,tomcat配置项目路径,sqlite3 读取,深圳网页设计的公司,mssql数据库大小,图片无法上传到服务器上,APP下滑显示内容的插件,前端混合开发框架,ajax爬虫,php 分割,如何做好seo,springboot路径异常,input 标签字体,dede调用网站名称,仿京东网页,下载类的wordpress模板,网站后台首页设计,wordpress页面调用分类文章,财务管理系统 源码,菠菜源码程序lzw
<!-- Begin
function redirectPage() {
var wjb51=screen.width;
var hjb51=screen.height;
alert("经系统检测,你的屏幕分辨率为 " + wjb51+"*"+ hjb51 + "by 脚本之家");
}
// End -->
js判断浏览器分辨率
asp充值 源码,vscode 相同代码检验,ubuntu 美化壁纸,查看指定tomcat版本,sqlite怎样增加一列,爬虫爬中华英才网代码,php 加密解密字符串,印刷行业seo优化公司,html手机版网站,网上书城html模板lzw
function ScreenWidth(){
if (screen.width == 1440){
alert("1440*900");
}else if (screen.width == 800){
alert("800*600");
}else if (screen.width == 1152){
alert("1152*864");
}else {
alert("do not know!");
}
}
说明:这段js代码可改造一下,改为screen.width>=1024screen.width=800两种情况
所以我选择使用下面的代码:
当当电子书源码,ubuntu 使用中文输入,tomcat有不同的软件,爬虫 永久封,常用php框架,it技术员转seo有前途吗lzw
if(screen.width>=1440){
alert(宽屏幕可以加载广告了);
//一些广告代码
}
用JS判断不同分辨率调用不同的CSS样式文件
最近看一个网站,发现显示器不同的分辨率,样式文件调用的也不一样,今天写了一个例子研究一下,
window.onload=function(){
var sc=document.getElementById("sc");
var d=document.getElementById("d");
if(screen.width>1024) //获取屏幕的的宽度
{
sc.setAttribute("href","css/c2.css"); //设置css引入样式表的路径
d.innerHTML = "你的电脑屏幕宽度大于1024,我的宽度是 1200px, 背景色现在是红色。";
}
else{
sc.setAttribute("href","css/c1.css");
d.innerHTML = "你的电脑屏幕宽度小于或是等于1024,我的宽度是 960px, 背景色现在是蓝色。";
}
}
c1.css里面的内容
*{ margin:0; padding:0;}
div{ width:960px; height:400px; margin:0 auto; background:blue; color:#ffffff;}
c2.css里面的内容
*{ margin:0; padding:0;}
div{ width:1200px; height:400px; margin:0 auto; background:red; color:#fff;}