JavaScript---Bom树的操作,内置方法和内置对象(window对象,location对象,navigator对象,history对象,screen对象)

一丶什么是BOM

​      Bom:Browser Object Model,浏览器对象模型.操作浏览器部分的功能的API(事件/函数).

结构图:

   分析:1.window对象是Bom的顶层对象.所有的对象都是从windom延伸出来的,称其为window子对象.

       2.dom是bom的一部分

       3.全局变量 , 自定义函数也是window对象的属性和方法

       4.window对象下的属性和方法调用时,可以省略window

二丶Bom常见的内置方法和内置对象

Window对象

      操作浏览器窗口的一些方法:如弹框,窗口宽高

/* 弹出系统对话框 */
alert(); //显示对话框
confirm(); //确认对话框
prompt(); //输入对话框 /* 打开窗口,关闭窗口 */
//打开
window.open(url,target); //url:链接地址,target:新窗口的位置
//关闭
window.close(); // 只关闭js开启的窗口 /* 获得窗口的宽高 */
window.innerHeight; //获得浏览器窗口的高度
window.innerWidth; //获得浏览器窗口的宽度 /* 定时器 */
// setTimeOut(fn,n), n毫秒 之后只执行一次 fn函数/操作
function add(){
alert('hellow');
} var t1=windom.setTimeOut(add,1000); //直接跟函数名
var t2=windom.setTimeOut('add()',1000); //直接跟函数名+() // 额外方式:
setTimeOut(function (){
alert('你好');
},3000); window.clearTimeout(t1); //去除定时器 // setInterval(fn,n),指定周期, n毫秒之后,循环执行此 fn函数/操作
function add(){
alert('hellow');
} var I1=windom.setInterval(add,1000); //直接跟函数名
var I2=windom.setInterval('add()',1000); //直接跟函数名+() window.clearInterval(I1); //去除定时器

location对象

      获得浏览器URL的信息

/* location对象的属性 */
//href :跳转
location.href; //当前链接地址
location.href='url'; //跳转到url连接 //hash :返回url后面 #号后面的内容,包含#号
location.hash // "#/dj" //host : 主机名和端口
location.host //"localhost:63342" //hostname : 主机名
location.hostname //'localhost' //pathname : url的路径
localtion.pathname // "/03%20location%E5%AF%B9%E8%B1%A1%E5%B1%9E%E6%80%A7.html" //protocol : 协议,一般是http,https(加密传输,需要有许可证)
location.protocol //search : 查询?后面的字符串
location.search //"?_ijt=hqted3fmhsv2rhog47ro1mncq0" //reload() :重新加载
window.location.reload();

navigator对象

      获取客户端的一些信息

/* userAgent:系统信息,客户端信息  */
navigator.userAgent /* platform 浏览器支持的系统 */
navigator.platform

history对象

/* 后退和前进 */
history.back() //后退
history.forward() //前进
history.go(-1) // 0是刷新 , 1是前进 , -1是后退

screen对象(了解即可)

​      屏幕对象

screen.availWidth // 可用的屏幕宽度
screen.availHeight // 可用的屏幕高度

JavaScript---Bom树的操作,内置方法和内置对象(window对象,location对象,navigator对象,history对象,screen对象)的更多相关文章

  1. Javascript进阶篇——浏览器对象—Location、Navigator、userAgent、screen对象

    Location对象location用于获取或设置窗体的URL,并且可以用于解析URL.语法: location.[属性|方法] location对象属性图示: location 对象属性: loca ...

  2. BOM之navigator、history、screen对象

    navigator对象 [定义] navigator已经成为识别客户端浏览器的事实标准.下表中列出存在于所有浏览器的属性和方法 [检测插件] 检测浏览器插件是一种最常见的检测例程. [1]对于非IE浏 ...

  3. JavaScript基础:BOM的常见内置方法和内置对象

    本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. BOM的介绍 JavaScript的组成 JavaScript基础分为三 ...

  4. Python-全局函数(内置方法、内置函数)

    Python有很多内置方法,这些都全局可用 abs() 求数值的绝对值,如果是复数则返回其模 print(abs(-17), abs(30.2), abs(3+4j)) # Python中复数表示为 ...

  5. JavaScript 系列--JavaScript一些奇淫技巧的实现方法(二)数字格式化 1234567890转1,234,567,890;argruments 对象(类数组)转换成数组

    一.前言 之前写了一篇文章:JavaScript 系列--JavaScript一些奇淫技巧的实现方法(一)简短的sleep函数,获取时间戳 https://www.mwcxs.top/page/746 ...

  6. 【Python】Java程序员学习Python(四)— 内置方法和内置变量

    <假如爱有天意> 当天边那颗星出现,你可知我又开始想念,有多少爱恋只能遥遥相望,就像月光洒向海面,年少的我们曾以为,相爱的人就能到永远,当我们相信情到深处在一起,听不见风中的叹息,谁知道爱 ...

  7. javascript bom操作

    BOM BOM介绍 全称 Browser Object Mode 浏览器对象模式 操作浏览器的API接口.比如浏览器自动滚动 Windows对象的顶层部分是BOM的顶层(核心)对象,所有的对象都是通过 ...

  8. JavaScript操作JSON的方法总结,JSON字符串转换为JSON对象

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...

  9. for循环,数字、字符串和列表内置方法

    目录 控制流程之for循环 基本语法 for+break for+continue for+else for循环打印lodaing 数字类型内置方法 整型 int 浮点型 float 字符串内置方法 ...

随机推荐

  1. Window远程连接Linux系统(CentOS7)

    新开的云服务器是CentOS系统,基本操作按照腾讯云的介绍 http://www.qcloud.com/wiki/%E4%BB%8E%E6%9C%AC%E5%9C%B0Windows%E6%9C%BA ...

  2. python学习之python开发环境搭建

    Python简介 Python是一种面向对象.解释型计算机程序设计语言.Python语法简洁而清晰,具有丰富和强大的类库等等众多的特性,这是来自百度百科的介绍,在百度百科还能看到它的更详细的介绍信息, ...

  3. hihoCoder 1080 : 更为复杂的买卖房屋姿势 线段树区间更新

    #1080 : 更为复杂的买卖房屋姿势 时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 小Hi和小Ho都是游戏迷,“模拟都市”是他们非常喜欢的一个游戏,在这个游戏里面他们 ...

  4. RDIFramework.NET ━ .NET快速信息化系统开发框架 V2.8 版本━新增岗位管理-WinForm部分

    RDIFramework.NET ━ .NET快速信息化系统开发框架 V2.8 版本 新增岗位管理-WinForm部分 岗位(职位)管理模块主要是针对组织机构的岗位(职位)进行管理,包括:增加.修改. ...

  5. 导航(NavanavigationController)push和pop

    //跳转到指定的控制器 for (UIViewController *Vc in self.navigationController.viewControllers) { if ([Vc isKind ...

  6. 【翻译习作】 Windows Workflow Foundation程序开发-第一章05

    1.3      开发我们的第一个工作流 也许你曾经在这样的产品经理手下搞过开发:他总是在你身边转悠,并不时的问一句“你还没做完吗?”.在这一部分,我们将用一个简单的Windows Workflow程 ...

  7. HDU 5698 瞬间移动

    瞬间移动 Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others)Total Submis ...

  8. react 资源汇总

    前端变化虽快,但其实一直都围绕这几个概念在转: URL - 访问什么页面 Data - 显示什么信息 View - 页面长成什么样 Action - 对页面做了什么操作 API Server - Da ...

  9. Content Providers的步骤,来自官网文档

    Content Providers In this document Content provider basics Querying a content provider Modifying dat ...

  10. 通过Django Channels设计聊天机器人WEB框架

    这两个月都在忙着设计针对银联客服业务的智能聊天机器人,上一周已经交完设计报告,这一周还和部门同事一起分享了系统设计及运行效果.因为时间的关系,系统原型我使用了Flask+jQuery的组合,感觉用以原 ...