js的BOM编程

浏览器对象分为:

window对象: 窗口

location对象: 地址栏

histroy对象: 历史记录栏

screen对象:  屏幕

document对象: html文档

3)window对象(重点)

注意:因为window对象使用太频繁了,所以js可以让我们省略window对象名不写

常用方法:

提示

alert();   提示框

confirm()   询问提示框

prompt()    输入提示框

新窗口

open()    打开一个新窗口

定时

setInterval()   定时器,每个n毫秒调用1次指定函数(调用多次)

clearInterval()  清除定时器

setTimeout()     定时器(调用1次)

clearTimeout()   清除定时器

窗口改变(IE支持,火狐不支持)

moveBy()      把窗口每次移动指定的象数

moveTo()      把窗口移动到指定的象数

resizeBy()    把窗口大小每次改变指定的象数

resizeTo()    把窗口大小改变到指定象数

4)location:控制地址栏

属性: href     改变URL的地址,跳转页面

方法: reload()  刷新当前页面

5)history: 控制历史记录栏

方法:

forward(): 前进到下一个页面

back()  : 后退到上一个页面

go(整数):    跳转到某个指定页面。 正:前进  负: 后退

6)screen: 控制屏幕(通过我们会获取这些属性值来帮助我们开发,很少去改变这些值)

availWidth : 宽度(除window任务栏外)

availHeight:高度(除window任务栏外)

width: 宽度

height:高度

时间: 2024-10-05 13:28:29

js的BOM编程的相关文章

js笔记--BOM编程

1.window对象 BOM的核心对象是window,它表示浏览器的一个实例.在浏览器中,window对象具有双重角色.它既是通过JS访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象.所以网页中定义的任何一个对象,变量和函数,都以window作为其Global对象. 1.全局作用域 所有在全局作用域中声明的变量,函数都会编程window对象的属性和方法.但是定义全局变量和直接在window对象上定义属性还是有区别的:全局变量不能通过delete操作符删除,但是直接在win

js的BOM编程的事件编程

1)事件编程的三要素:事件源,事件,监听器 //1)事件源 JButton button = new JButton("按钮"); //3)注册监听器 button.addMouseListner(new MyMouseListner()); //2)监听器 class MyMouseListner implments MouseListner{ public mouseOver(){ ..... } } 3)js事件分类 点击相关 onclick     单击 ondblclcik

4、BOM编程/正则表达式

1.    BOM编程 1.1. BOM编程基础 全称 Browser Object Model,浏览器对象模型. JavaScript是由浏览器中内置的javascript脚本解释器程序来执行javascript脚本语言的. 为了便于对浏览器的操作,javascript封装了对浏览器的各个对象使得开发者可以方便的操作浏览器. 1.2. BOM对象: 1.3. window 对象 Window 对象是 JavaScript 层级中的顶层对象. Window 对象代表一个浏览器窗口或一个框架. W

Bom编程

1.     BOM编程 1.1. BOM编程基础 全称 Browser Object Model,浏览器对象模型. JavaScript是由浏览器中内置的javascript脚本解释器程序来执行javascript脚本语言的. 为了便于对浏览器的操作,javascript封装了对浏览器的各个对象使得开发者可以方便的操作浏览器. 1.2. BOM对象: 1.3. window 对象 Window 对象是 JavaScript 层级中的顶层对象. Window 对象代表一个浏览器窗口或一个框架.

JS的模块化编程

今天学了一下JS的模块化编程,感觉JavaScript真的是博大精深,CommonJS,requireJS,NodeJS,Seajs,在此记录一下经验.JavaScript设计之初并不是一种模块化编程语言,不支'类'和'模块'的概念,但ES6中却将正式支持"类"和"模块".有了模块,我们可以更方便地使用别人的代码,想要什么功能,就加载什么模块. 不过这样做的前提是大家必须以同样的方式编写模块,考虑到Javascript模块现在还没有官方规范,因此各种规范应运而生.

js面对对象编程

说到js,很大一部分人会说我很熟悉,在日常的web开发中经常用,那么你的js代码是符合面对对象思路的吗?那你会问我面向过程的js代码有什么不好吗?我的感受是面对对象的js编码更加简洁,减少了混乱,可维护行增强,适合编写富客户端时应用. 好了,首先看看js里如何定义对象: <html> <head> <script type="text/javascript"> var obj=new Object(); obj.name='josh'; obj.ag

js面对对象编程(二):属性和闭包

上篇博客中讲解了一些js对象的基本概念和用法,这篇博客讲解一下js属性方面的:公有属性,私有属性,特权方法. 如果学过java,公有属性,私有属性,特权方法(即可以访问和设置私有属性的方法)一定很熟悉,那么让我们来看看在js里如何实现呢? 1.公有属性 首先看公有的第一层意思是可以被大家所访问的,对外开放的属性,是相对于私有属性而言的: function Person(name,age){ this.name=name; this.age=age; this.getName=function()

Javascript学习总结-BOM编程-(六)

1. BOM编程 1.1. BOM编程基础 全称 Browser Object Model,浏览器对象模型. JavaScript是由浏览器中内置的javascript脚本解释器程序来执行javascript脚本语言的. 为了便于对浏览器的操作,javascript封装了对浏览器的各个对象使得开发者可以方便的操作浏览器. 1.2. BOM对象: 1.3. window 对象 Window 对象是 JavaScript 层级中的顶层对象. Window 对象代表一个浏览器窗口或一个框架. Wind

JS的面向对象编程

//JS的面向对象编程 在这里,原型对象就是类,JS中一切都是类 使用构造函数定义类,再定义对象实例 This指针每个对象都有一个副本,在函数外可以访问,实现JAVA公有变量和成员变量功能 This包含在一个函数中,指代函数的调用者 Prototype可以使属性方法等重用,实现JAVA中函数和静态变量功能 For(var Key in person1){ person1[Key]; } Prototype不能调用私有变量和方法 对象冒充形式实现继承(多重继承) function Person()