JS中window对象中的一些基本属性使用

//获取浏览器内部的宽度与高度

//内部宽度

var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

//内部高度

var h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

x=document.getElementById("demo");

x.innerHTML="浏览器的内部窗口宽度：" + w + "，高度：" + h + "。"x.style.marginTop = h-200+'px';

获取屏幕宽度

screen.availWidth - 可用的屏幕宽度

screen.availHeight - 可用的屏幕高度

该属性返回访问者屏幕的宽度与高度。结果以像素计，减去界面特性，比如窗口任务栏。

document.write("可用宽度：" +screen.availWidth);

输出结果为：可用宽度：1858

//获取浏览器的名称

function getBrowserInfo(){

var agent = navigator.userAgent.toLowerCase() ;

//正则表达式

var regStr_ie = /msie [\d.]+;/gi ;

var regStr_ff = /firefox\/[\d.]+/givar regStr_chrome = /chrome\/[\d.]+/gi ;

var regStr_saf = /safari\/[\d.]+/gi ;

//判别浏览器

//IEif(agent.indexOf("msie") > 0){return agent.match(regStr_ie) ;}

//firefoxif(agent.indexOf("firefox") > 0){return agent.match(regStr_ff);}

//Chromeif(agent.indexOf("chrome") > 0){return agent.match(regStr_chrome);}

//Safariif(agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0){return agent.match(regStr_saf);}

}

alert(getBrowserInfo());  //弹出浏览器名称

//该方法无法获取的浏览器的名称，能获取版本号

var browser =  navigator.appName;

var b_version = navigator.appVersion;version = parseFloat(b_version);

document.write('浏览器名称：'+browser+'');

document.write("浏览器版本："+version+'');

document.write("浏览器版本："+b_version+'');

// 正则表达式的简单使用

//创建的简单匹配规则:查找包含[a,b,c,d]中任意的字母

var par = new RegExp('[abcd]');

//par.test("hello world")将查找的结果返回，若是包含字母，a,b,c,d中任意一个则返回true，否则则返回false

alert(par.test("hello world!"));

//将查找到的字母返回

document.write(par.exec("Helloworld"));

//在状态栏添加信息，浏览器的安全保护一般默认禁止使用该项功能，防止网站钓鱼

window.status = 'put you message here';

//JS修改结点位置

function changeMargin(){

document.getElementById("p1").style.marginLeft="32px";

}

//获取浏览器信息

var browser=navigator.userAgent.toLowerCase() ;

var b_version=navigator.appVersion;var version=parseFloat(b_version);

document.write("浏览器名称："+ browser)

document.write("浏览器版本："+ version)