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. 来玩Play框架02 响应

    作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! 我上一章总结了Play框架的基本使用.这一章里,我将修改和增加响应. HTTP协议 ...

  2. Java jdbc 连接oracle

    import java.sql.Connection; import java.sql.Driver; import java.sql.DriverManager; import java.sql.S ...

  3. linux 内核调试方法

    http://my.oschina.net/fgq611/blog/113249 http://my.oschina.net/fgq611/blog/112929

  4. java_线程安全-service

    package com.demo.test; import java.util.Collections; import java.util.HashMap; import java.util.Map; ...

  5. leetcode&mdash;word ladder II

    1.题目描述 Given two words (start and end), and a dictionary, find all shortest transformation sequence( ...

  6. Linux bash常用测试判断选项

    bash编程中if [   ]后面的测试选项: 1.整数测试: -le less equal -lt less than -ge greater equal -gt greater than -eq ...

  7. 《UNIX网络编程》TCP客户端服务器例子

    最近在看<UNIX网络编程>(简称unp)和<Linux程序设计>,对于unp中第一个获取服务器时间的例子,实践起来总是有点头痛的,因为作者将声明全部包含在了unp.h里,导致 ...

  8. C和Java中数组的定义

    在学习C和Java中,关于数组的定义两者不同,在初学的时候,容易产生混淆,现在将两者对比下. 1.初始化 在C语言中,关于一维数组的定义: 完全初始化  int a[5]={1,2,3,4,5},对于 ...

  9. erlang集成开发环境搭配配置出现的问题

    问题:Unable to create the selected preference page.  com.avaya.exvantage.ui.interfaces.eclipse.plugin  ...

  10. 访问限制:由于对必需的库 C:/Program Files/Java/jre6/lib/rt.jar 具有一定限制,因此无法访问类型。。

    在项目上单击右键选择 属性 Java编译器 错误或警告 选择启用特定于项目的设置 建议不要使用和限制使用的API将 禁止的引用(访问规则) 设置为 警告 然后应用即可解决