美文网首页
前端JS基础七(BOM)

前端JS基础七(BOM)

作者: EmilioWeng | 来源:发表于2018-08-02 22:47 被阅读0次

浏览器对象模型( Browser Object Model)

  • 浏览器特性 navigator
  var ua=navigator.userAgent //浏览器特性
  var isChrome=ua.indexOf(‘Chrome’) 
  console.log(isChrome)
  • 屏幕特性 screen
  console.log(screen.width)
  console.log(screen.height)
  • URL特性 location
  console.log(location.href) //整个URL
  console.log(location.protocol)  //协议 http: or https:
  console.log(location.host)  //域名
  console.log(location.pathname)  //域名后的路径
  console.log(location.search)  //查询字符串 参数
  console.log(location.hash) //哈希 #号后的就是哈希
  • 历史 history
  history.back() //后退
  history.forward() //前进

练习题

练习题1、如何检测浏览器的类型 
  var ua=navigator.userAgent 
  var isChrome=ua.indexOf(‘Chrome’) 
  console.log(isChrome) 

练习题2、拆解url的各部分 
  参考location

相关文章

  • 前端JS基础七(BOM)

    浏览器对象模型( Browser Object Model) 浏览器特性 navigator 屏幕特性 scree...

  • Dom

    JS的组成 ECMAScript js的基础语法 DOM 文档对象模型 BOM ...

  • DOM

    JS的组成 ECMAScript js的基础语法 DOM 文档对象模型 BOM ...

  • DOM

    DOM JS的组成 ECMAScript js的基础语法 DOM 文档对象模型 BOM ...

  • JS基础-BOM

    BOM(Browser Object Model 浏览器对象模型) window是全局浏览器内置顶级对象 1、全...

  • js学习内容总结(2)

    1.语言基础2.严格模式3.js组成(ECMAScript DOM BOM)4.各种(DOM BOM)例子5.组件...

  • day25-课堂总结

    BOM基础 1.什么是BOM - 浏览器对象模型(browser object model)js中提供了一个全局的...

  • 必备神器:前端开发全面知识库

    前端开发全面知识库,包括HTML5,CSS3和js的基本框架知识,以及DOM和BOM操作的基础知识和一些基本工具和...

  • js初识

    js核心:ECMAScript——ES:基础语法DOM:文档对象模型BOM:浏览器对象模型 js特点:(1)脚本语...

  • 2020年---最新「前端学习体系与前端概述」(面经必读)

    前端学习目标 基础课程:HTML + CSS javaScript DOM BOM AJAX HTML5 + CS...

网友评论

      本文标题:前端JS基础七(BOM)

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