美文网首页
javascript学习日记之BOM

javascript学习日记之BOM

作者: XIAOINNE | 来源:发表于2016-11-28 18:41 被阅读6次

    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

          本文链接:https://www.haomeiwen.com/subject/idwopttx.html