javascript動(dòng)態(tài)調(diào)整,代碼如下:

我們擁有10多年網(wǎng)頁設(shè)計(jì)和網(wǎng)站建設(shè)經(jīng)驗(yàn),從網(wǎng)站策劃到網(wǎng)站制作,我們的網(wǎng)頁設(shè)計(jì)師為您提供的解決方案。為企業(yè)提供做網(wǎng)站、網(wǎng)站建設(shè)、微信開發(fā)、小程序定制開發(fā)、成都做手機(jī)網(wǎng)站、H5網(wǎng)站設(shè)計(jì)、等業(yè)務(wù)。無論您有什么樣的網(wǎng)站設(shè)計(jì)或者設(shè)計(jì)方案要求,我們都將富于創(chuàng)造性的提供專業(yè)設(shè)計(jì)服務(wù)并滿足您的需求。
ifram自適應(yīng)屏幕分辨率代碼[]
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
網(wǎng)頁可見區(qū)域?qū)挘篸ocument.body.clientwidth
網(wǎng)頁可見區(qū)域高:document.body.clientheight
網(wǎng)頁可見區(qū)域?qū)挘篸ocument.body.offsetwidth (包括邊線和滾動(dòng)條的寬)
網(wǎng)頁可見區(qū)域高:document.body.offsetheight(包括邊線的寬)
網(wǎng)頁正文全文寬:document.body.scrollwidth
網(wǎng)頁正文全文高:document.body.scrollheight
網(wǎng)頁被卷去的高:document.body.scrolltop
網(wǎng)頁被卷去的左:document.body.scrollleft
網(wǎng)頁正文部分上:window.screentop
網(wǎng)頁正文部分左:window.screenleft
屏幕分辨率的高:window.screen.height
屏幕分辨率的寬:window.screen.width
屏幕可用工作區(qū)高度:window.screen.availheight
屏幕可用工作區(qū)寬度:window.screen.availwidth
屏幕設(shè)置 window.screen.colordepth 位彩色
屏幕設(shè)置 window.screen.devicexdpi 像素/英寸
分享一些js判斷屏幕分辨率的代碼。
一般可以通過下面的代碼判斷分辨率
復(fù)制代碼代碼示例:
script language="javascript"
!-- begin
function redirectpage() {
var wjb51=screen.width;
var hjb51=screen.height;
alert("經(jīng)系統(tǒng)檢測(cè),你的屏幕分辨率為 " + wjb51+"*"+ hjb51 + "by 腳本之家jb51.net");
}
// end --
/script
js判斷瀏覽器分辨率
復(fù)制代碼代碼示例:
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兩種情況
所以,選擇使用下面的代碼:
復(fù)制代碼代碼示例:
if(screen.width=1440){
alert('寬屏幕可以加載廣告了');
//一些廣告代碼
}
用js判斷不同分辨率調(diào)用不同的css樣式文件
根據(jù)顯示器不同的分辨率,樣式文件調(diào)用的也不一樣。
復(fù)制代碼代碼示例:
!doctype html
html
head
meta charset="utf-8"
titlejs判斷不同分辨率調(diào)用不同的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"); //設(shè)置css引入樣式表的路徑
d.innerhtml = "你的電腦屏幕寬度大于1024,我的寬度是 1200px, 背景色現(xiàn)在是紅色。";
}
else{
sc.setattribute("href","css/c1.css");
d.innerhtml = "你的電腦屏幕寬度小于或是等于1024,我的寬度是 960px, 背景色現(xiàn)在是藍(lán)色。";
}
}
/script
/head
body
div id="d"/div
/body
/html
c1.css中內(nèi)容
復(fù)制代碼代碼示例:
*{ margin:0; padding:0;}
div{ width:960px; height:400px; margin:0 auto; background:blue; color:#ffffff;}
c2.css中內(nèi)容
復(fù)制代碼代碼示例:
*{ margin:0; padding:0;}
div{ width:1200px; height:400px; margin:0 auto; background:red; color:#fff;}
document.addEventListener("fullscreenchange",?function(?event?)?{
if?(document.fullscreenElement)?{
console.log('進(jìn)入全屏');
}?else?{
console.log('退出全屏');
}});
可以這樣判斷。但是舊版IE是不支持的。
script?language="JavaScript"??
!--?Begin??
function?redirectPage()?{??
var?w=screen.width;
var?h=screen.height;
alert("經(jīng)系統(tǒng)檢測(cè),你的屏幕分辨率為?"?+?w+"*"+?h?);??
}??
//?End?--??
/script
一個(gè)簡(jiǎn)單的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('數(shù)值不在所需范圍內(nèi)!');
exit();
}
?
可復(fù)制粘貼測(cè)試一下,若有任何疑問,歡迎追問...
網(wǎng)站題目:javascript全分辨率,js 分辨率
文章起源:http://chinadenli.net/article48/dsgchhp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)、網(wǎng)站設(shè)計(jì)公司、搜索引擎優(yōu)化、營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、App設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)