美文网首页
JavaScript BOM

JavaScript BOM

作者: 0han | 来源:发表于2016-10-16 12:40 被阅读20次

window 尺寸:

对于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

Others:

  • window.open() - 打开新窗口
  • window.close() - 关闭当前窗口
  • window.moveTo() - 移动当前窗口:
    window.moveTo(x,y) 两个参数 移动到新位置的x,y参数
  • window.resizeTo() - 调整当前窗口的尺寸

window Screen:(screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如窗口任务栏。)

  • screen.availWidth - 可用的屏幕宽度
  • screen.availHeight - 可用的屏幕高度
    实例:
    document.write("可用高度: " + screen.availHeight);

Window Location:

  • location.hostname 返回 web 主机的域名
  • location.pathname 返回当前页面的路径和文件名
  • location.port 返回 web 主机的端口 (80 或 443)
  • location.protocol 返回所使用的 web 协议(http:// 或 https://)

Window location Href

document.write(location.href);//返回带协议的url

Window Location Assign

location.assign()方法加载新的文档。在同路径下进入别的文档

Window History

history.back() 后退
history.forward() 向前

Window Nacigator:

window.navigator 有关访问者浏览器的信息
类似python爬虫中的伪造浏览器所使用的信息

来自 navigator 对象的信息具有误导性,不应该被用于检测浏览器版本,这是因为:

  • navigator 数据可被浏览器使用者更改
  • 一些浏览器对测试站点会识别错误
  • 浏览器无法报告晚于浏览器发布的新操作系统

相关文章

  • JavaScript的范围和组成

    javaScript的范围: BOM + DOM + ECMAScript BOM简单说明 BOM即Browser...

  • JavaScript对象

    JavaScript数据类型 JavaScript对象 BOM DOM

  • JavaScript window对象

    JavaScript BOM BOM全称Browser Object Model,翻译为浏览器对象模型。通过BOM...

  • 【JavaScript的组成】

    JavaScript的组成 JavaScript = ECMAScript + DOM + BOM; ECMASc...

  • BOM初步认识

    什么是BOM BOM:Browser Object Model 浏览器对象模型BOM是JavaScript组成之一...

  • JavaScript--BOM

    JavaScript--BOM BOM(browser object model)浏览器对象模型 一、window...

  • JavaScript BOM 详解

    什么是 BOM? BOM(Browser Object Model)浏览器对象模型,允许 JavaScript 与...

  • 课堂笔记-BOM

    一.BOM 的定义 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。 二.BOM 对...

  • DOM和BOM

    DOM和BOM 参考 DOM与BOM 和 BOM和DOM详解 javascript 有三部分构成:ECMAScr...

  • BOM模型

    BOM模型 浏览器对象模型(Browser Object Model),BOM对象是JavaScript的核心,该...

网友评论

      本文标题:JavaScript BOM

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