浏览器对象

作者: YC____ | 来源:发表于2018-03-12 21:20 被阅读7次

    window对象

    window表示浏览器的一个实例 , 也是ECMAScript规定的Global对象 。

    //获取浏览器位置
    var leftPos = (typeof window.screenLeft == 'number') ? window.screenLeft:window.screenX; 
    var topPos = (typeof window.screenTop == 'number') ? window.screenTop:window.screenY;
    //浏览器窗口大小
    var pageWidth = window.innerWidth;
    var pageHeight = window.innerHeight;
    if(typeof pageWidth != 'number'){
        if(document.compatMode == 'CSS1Compat'){
            pageWidth = document.documentElement.clientWidth;
            pageHeight = document.documentElement.clientHeight;
        }else{
            pageWidth = document.body.clientWidth;
            pageHeight = document.body.clientHeight;
        }
    }
    //打开窗口
    window.open('http://www.baidu.com','','height=400,width=400,top=10,left=10,resizable=true')
    //间歇调用和超时调用
    setInterval和setTimeout
    //系统对话框
    alert confirm promptv print find
    

    location

    location 提供了与当前窗口中加载的文档有关的信息,还提供一些导航功能

    function getQueryStringArgs(){
        var qs = location.search.split("&");
      var args = {};
     
      for(var i = 0; i < qs.length; i++){
        var item = qs[i].split('=');
        var name = decodeURIComponent(item[0]);
        var value = decodeURIComponent(item[1]);
        if(name.length){
            args[name] = value;
        }
      }
        return args;
    }
    //位置操作
    location.assign('http://www.baidu.com')
    

    navigator

    Navigator 对象包含有关浏览器的信息

    //插件检测
    function hasPlugin(name){
        name = name.toLowerCase();
      for(var i = 0; i < navigator.plugins.length; i++){
        if(navigator.plugins[i].name.toLowerCase().indexOf(name) > -1){
            return true
        }
      }
      return false;
    }
    

    screen对象

    history对象

    相关文章

      网友评论

        本文标题:浏览器对象

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