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  //用户代理头的字符串表示
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是BOM BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的...
    LaBaby_阅读 234评论 0 0
  • 什么是BOM BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的...
    源大侠阅读 631评论 0 0
  • 什么是BOM BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的...
    小全同学阅读 2,363评论 0 10
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,807评论 0 8
  • 如果想念会说话,请把我的想念带给她,尽管她听不到了呀。 这句话,替我姥姥说。 应该是大一的时候,姨姥姥,我姥姥的妹...
    神经兮兮闫抽抽阅读 638评论 2 3