javascript全分辨率,js 分辨率

网站分辨率自动调整的代码？

javascript动态调整，代码如下：

我们拥有10多年网页设计和网站建设经验，从网站策划到网站制作，我们的网页设计师为您提供的解决方案。为企业提供做网站、网站建设、微信开发、小程序定制开发、成都做手机网站、H5网站设计、等业务。无论您有什么样的网站设计或者设计方案要求，我们都将富于创造性的提供专业设计服务并满足您的需求。

ifram自适应屏幕分辨率代码[]

iframe src="test.asp" width="100%" frameborder="0" scrolling="no" name="hj" id="hj"/iframe

test.asp页面head间增加如下JS代码

SCRIPT LANGUAGE="JavaScript"

function f_frameStyleResize(targObj){

var targWin = targObj.parent.document.all[targObj.name];

if(targWin != null) {

var HeightValue = targObj.document.body.scrollHeight

if(HeightValue 600){HeightValue = 600}

targWin.style.pixelHeight = HeightValue;

}

}

function f_iframeResize(){

bLoadComplete = true; f_frameStyleResize(self);

}

var bLoadComplete = false;

window.onload = f_iframeResize;

/SCRIPT

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

屏幕设置 window.screen.colordepth 位彩色

屏幕设置 window.screen.devicexdpi 像素/英寸

分享一些js判断屏幕分辨率的代码。

一般可以通过下面的代码判断分辨率

复制代码代码示例:

script language="javascript"

!-- begin

function redirectpage() {

var wjb51=screen.width;

var hjb51=screen.height;

alert("经系统检测，你的屏幕分辨率为 " + wjb51+"*"+ hjb51 + "by 脚本之家jb51.net");

}

// end --

/script

js判断浏览器分辨率

复制代码代码示例:

script

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!");

}

}

/script

input type="button" name="" value="fenbianli " onclick=" screenwidth()"/

说明：这段js代码可改造一下，改为screen.width=1024 screen.width=800两种情况

所以，选择使用下面的代码：

复制代码代码示例:

if(screen.width=1440){

alert('宽屏幕可以加载广告了');

//一些广告代码

}

用js判断不同分辨率调用不同的css样式文件

根据显示器不同的分辨率，样式文件调用的也不一样。

复制代码代码示例:

!doctype html

html

head

meta charset="utf-8"

titlejs判断不同分辨率调用不同的css样式_;/title

link rel="stylesheet" id="sc" type="text/css" href="css/c1.css"/

script type="text/javascript"

window.onload=function(){

var sc=document.getelementbyid("sc");

var d=document.getelementbyid("d");

if(screen.width1024) //获取屏幕的的宽度

{

sc.setattribute("href","css/c2.css"); //设置css引入样式表的路径

d.innerhtml = "你的电脑屏幕宽度大于1024，我的宽度是 1200px, 背景色现在是红色。";

}

else{

sc.setattribute("href","css/c1.css");

d.innerhtml = "你的电脑屏幕宽度小于或是等于1024，我的宽度是 960px, 背景色现在是蓝色。";

}

}

/script

/head

body

div id="d"/div

/body

/html

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;}

JavaScript 中能否判断浏览器是否全屏？

document.addEventListener("fullscreenchange", function( event ) {

if (document.fullscreenElement) {

console.log('进入全屏');

} else {

console.log('退出全屏');

}});

可以这样判断。但是旧版IE是不支持的。

js怎么判断屏幕分辨率

script language="JavaScript"  

!-- Begin  

function redirectPage() {  

var w=screen.width;

var h=screen.height;

alert("经系统检测，你的屏幕分辨率为 " + w+"*"+ h );  

}  

// End --  

/script

请教：js判断屏幕分辨率，不同的分辨率变量值不一样，并使用php输出变量

一个简单的demo示例，如下：

?php

error_reporting(E_ERROR);

// 分辨率の宽高

$script = 'script language="javascript"';

$script .= 'var screen_width = window.screen.width;';

$script .= 'document.cookie = "sw = "+screen_width+"";';

$script .= 'var screen_height = window.screen.height;';

$script .= 'document.cookie = "sh = "+screen_height+"";';

$script .= '/script';

$width = $_COOKIE['sw'];

$height = $_COOKIE['sh'];

echo "浏览器分辨率为：".$width."*".$height;

echo "br /";

if($width  500){

echo 'a';

}else if($width = 500  $width  1000){

echo 'b';

}else if($width  1000){

echo 'c';

}else{

echo "pre";

print_r('数值不在所需范围内！');

exit();

}

?

可复制粘贴测试一下，若有任何疑问，欢迎追问...