浏览器对象

作者: 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对象

相关文章

  • 浏览器相关内容

    一、浏览器内置对象 什么是浏览器对象模型 BOM :Browser Object Model(浏览器对象模型),浏...

  • BOM和DOM编程

    BOM(browser object model):浏览器对象模型 浏览器:windows对象 Window 对象...

  • BOM

    BOM 浏览器对象模型 BOM(Browser Object Model)是指浏览器对象模型,浏览器对象模型提供来...

  • JavaScript(BOM-API预览)

    window对象属性 //在浏览器中,window对象指当前的浏览器窗口,它也是所有对象的顶层对象。浏览器环境的所...

  • JavaScript Window - 浏览器对象模型(9/11

    浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话"。 浏览器对象模型 (BOM) 浏览器...

  • 1 js之window

    浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话” 1 浏览器对象模型 (BOM)浏览器...

  • JavaScript Window - 浏览器对象模型

    浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。 浏览器对象模型 (Browser ...

  • 八、Window - 浏览器对象模型

    Window - 浏览器对象模型 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话"。 ...

  • 学习笔记——浏览器对象模型(Window)

    Window 对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 所有 JavaScript 全局对象...

  • JS笔记-007-JS Window-cookie

    Window 对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 所有 JavaScript 全局对象...

网友评论

    本文标题:浏览器对象

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