javascript bom知识点

javascript bom知识点
指(Brower Object Model)浏览器对象模型。
打开、关闭窗口
window.open
window.close
常用属性[可以试着在chrome的调试窗口下把下面的代码输入,看看他都包含哪些东西]
window.navigator.userAgent
window.location
关于浏览器而言,恐怕我们需要去明白的一个是[窗口尺寸、工作区尺寸]
可视区尺寸[顾名思义就是指我们可以看到的那个窗口]
document.documentElement.clientWidth
document.documentElement.clientHeight
滚动距离
document.body.scrollTop
document.documentElement.scrollTop
系统对话框
警告框:alert(“内容”),没有返回值
选择框:confirm(“提问的内容”),返回boolean//可以利用这个值再去做一些判断
输入框:prompt(),返回字符串或null
window对象常用事件
onload//当在加载的时候
onscroll//当在滚动的时候
例子:回到顶部按钮、侧边栏广告都可以利用onscroll事件去侦听去做操作判断
onresize//当在调整浏览器窗口的时候

时间: 2024-10-12 13:25:01

javascript bom知识点的相关文章

Javascript重要知识点梳理

Javascript重要知识点梳理 说明 Javascript流程控制 js中常用的数据类型 var关键字的使用 if – else if – else switch while for Javascript常用函数 1.  字符串函数 substring indexOf lastIndexOf charAt replace split toLowerCase toUpperCase 2.  数学运算函数 3.  数据类型转换函数 parseInt parseFloat Math.abs Mat

BOM知识点笔记

Window 对象常见属性 innerHeight  当前窗口文档显示区域的高(这里的宽度和高度不包括菜单栏.工具栏以及滚动条等的高度.) innerWidth   当前窗口文档显示区域的宽(这里的宽度和高度不包括菜单栏.工具栏以及滚动条等的高度.) outerHeight  当前窗口文档(包含菜单栏.控制台.边框)的高 outerWidth   当前窗口文档(包含边框.滚动条)的宽 window对象常见方法 clearInterval()  setInterval()  setTimeout(

JavaScript BOM对象介绍

bom:即broswer object model(浏览器对象模型),由五个对象组成:        Window:对象表示浏览器中打开的窗口 最顶层对象.       Navigator :浏览器对象.       Screen: 屏幕对象       History:浏览器历史对象       Location:地址对象. <!DOCTYPE html> <html> <head> <title>JavaScript BOM对象</title>

JavaScript进阶知识点(慕课)

JavaScript能做什么? 1.增强页面动态效果(如:下拉菜单.图片轮播.信息滚动等) 2.实现页面与用户之间的实时.动态交互(如:用户注册.登陆验证等)  一. 数组 var myarray=new Array(); 二. 函数 function 函数名(){ 函数体://完成某一功能的代码段} ps:函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名.函数的调用分两种情况:1.在<script>标签内调用 2.在HTML中调用,如通过点击按钮后调用定义好的函数.可以通

JavaScript BOM

JavaScript特性: 交互性 安全性(不可以直接访问本地硬盘) 跨平台性(只要是可以解析js的浏览器都可以执行,和平台无关) JavaScript三大核心: 1)核心(ECMAScript):描述了JS的语法和基本对象. 2)文档对象模型 ☆(DOM):处理网页内容的方法和接口 3)浏览器对象模型(BOM):与浏览器交互的方法和接口 BOM对象: 1. DOM 是 W3C 的标准: [所有浏览器公共遵守的标准] 2. BOM 是 各个浏览器厂商根据 DOM 在各自浏览器上的实现;[表现为不

JavaScript初学知识点整理

刚学了JavaScript,现在整理一下知识点. 一.JavaScript数据类型: 1.Undefined类型:当一个变量未初始化和无明确返回值时,该变量默认返回undefined. 2.Null类型:null类型表示空型,即该变量是存在的,只是不能找到他的值. 3.Boolean类型:布尔类型只有两个值,即true和false,当变量值为0时为false,否则为true. 4.Number类型:表示表示整数或浮点数. 5.String类型:表示字符型变量. 二.数据类型转换: (1)简单转换

Javascript BOM对象

BOM是browser object model的缩写,简称浏览器对象模型. window对象(BOM的核心对象) 表示浏览器的一个实例,在浏览器中,window对象有着双重角色,它既是通过Javascript访问浏览器窗口的一个借口,优势ECMAScript规定的Global对象.这意味着在网页定义中的任何一个对象.变量.函数,都以window作为其Global对象,因此有权访问parseInt()等方法. 在全局作用域声明的变量.函数都会变成window对象的属性和方法. 差别:全部变量不能

如何开发原生的 JavaScript 插件(知识点+写法)

一.前言 通过 "WWW" 原则我们来了解 JavaScript 插件这个东西 第一个 W "What" -- 是什么?什么是插件,我就不照搬书本上的抽象概念了,我个人简单理解就是,能方便实现某个功能的扩展工具.(下面我会通过简单的例子来帮助读者理解) 第二个 W "Why" -- 为什么? 为什么要有插件这种东西,首先结合第一个 W 来理解就是,使用插件的目的是方便我们实现某一个功能. 也就是说在编程过程中我们只需要找轮子,或者改轮子而不需要重

[TimLinux] JavaScript BOM浏览器对象模型

1. 简介 ECMAScript是JavaScript的核心,但是如果要在WEB中使用JavaScript,那么BOM则无疑才是真的的核心.BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关.BOM没有标准,各浏览器厂商间定义的公共对象,可以作为事实上的标准存在.W3C在HTML5中把BOM纳入了规范中. 2. window对象 window对象:表示浏览器的一个实例.window的双重角色:通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Gl