javascript学习日记之BOM

1.window对象

毫无疑问 window对象是BOM的核心对象。window对象具有双重角色,它既是通过js访问浏览器窗口的一个接口,又是一个Global(全局)对象。这意味着在网页中定义的任何对象,变量和函数,都以window作为其global对象.

 var age = 21;
 function sayAge(){
  alert(this.age);
 }
alert(window.age);
alert(window.sayAge);

windows窗口尺寸

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:

window.innerHeight - 浏览器窗口的内部高度
window.innerWidth - 浏览器窗口的内部宽度

对于 Internet Explorer 8、7、6、5:

document.documentElement.clientHeight
document.documentElement.clientWidth

或者

document.body.clientHeight
document.body.clientWidth

一般常用方法

var Width=window.innerWidth||document.documentElement.clientWidh|| document.body.clientWidth;

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

其他常用方法

window.open()//打开新窗口
window.close() //关闭当前窗口
window.moveTo() // 移动当前窗口
window.resizeTo() //调整当前窗口的尺寸

系统对话框

window.alert("message");  //弹出一个具有OK按钮的系统消息框,显示指定的文本 

window.confirm("确定吗");
//弹出一个具有OK和Cancel按钮的询问对话框,返回一个布尔值 

window.prompt("What's your name?", "xiaonine");  //提示用户输入信息,接受两个参数,即要显示给用户的文本和文本框中的默认值,将文本框中的值作为函数值返回 

2.location对象

window.location表示当前的载入窗口的url

location.href  //返回当前载入页面的完整URL

location.portocol  //URL中使用的协议,即双斜杠之前的部分,如http:或https: 

location.host  //返回服务器名称和端口号(如果有)

location.hostname  //返回不带服务器的端口号 

location.port  //返回URL指定端口号 如果没有返回空字符串

location.pathname  //返回URL的目录,如/js/index.html 

location.search  //执行GET请求的URL中的问号后的部分,又称查询字符串,如?param=xxxx 


location.assign("http:www.baidu.com");  //=location.href

location.replace("http:www.baidu.com");  //同assign(),但新地址不能返回前一个页面

location.reload(true | false);  //重新载入当前页面,为false时从浏览器缓存中重载,为true时从服务器端重载,默认为false 

3.navigator对象

window.navigator:包含大量有关Web浏览器的信息,以及检测浏览器及操作系统
navigator.appCodeName  //浏览器代码名的字符串表示 

navigator.appName  //官方浏览器名的字符串表示 

navigator.appVersion  //浏览器版本信息的字符串表示 

navigator.cookieEnabled  //如果启用cookie返回true,否则返回false 

navigator.javaEnabled  //如果启用java返回true,否则返回false 

navigator.platform  //浏览器所在计算机平台的字符串表示 

navigator.plugins  //安装在浏览器中的插件数组 

navigator.taintEnabled  //如果启用了数据污点返回true,否则返回false 

navigator.userAgent  //用户代理头的字符串表示

你可能感兴趣的:(javascript学习日记之BOM)