美文网首页
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 BOM

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