JavaScript学习——BOM对象

1、BOM 对象:浏览器对象模型(操作与浏览器相关的内容)

2、Window 对象

 Window 对象表示浏览器中打开的窗口

setInterval():它有一个返回值,主要是提供给 clearInterval 使用

setTimeout():它有一个返回值,主要是提供给 clearTimeout 使用

clearInterval():该方法只能清除由 setInterval 设置的定时操作

clearTimeout():该方法只能清除由 setTimeout 设置的定时操作

弹出框的几个方法:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>Window对象</title>
 6         <script>
 7             //警告框
 8             alert("啊哈!");
 9             //确认删除框
10             confirm("您确认删除吗?");
11             //输入框
12             prompt("请输入价格");
13         </script>
14     </head>
15     <body>
16     </body>
17 </html>

3、History对象

 History 对象包含用户(在浏览器窗口中)访问过的 URL

执行这段代码之前要有历史页面,可以是超链接跳转到此页面。

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>History对象</title>
 6         <script>
 7             function fanhui(){
 8                 history.go(-1);
 9                 //history.back();
10             }
11         </script>
12     </head>
13     <body>
14         <input type="button" value="返回上一页" onclick="fanhui()" />
15     </body>
16 </html>

go(参数)

参数:-1 返回上一个历史记录页面;-2 返回上上一个历史记录页面,1 进入下一个历史记录页面。

3、Location对象

 Location 对象包含有关当前 URL 的信息。

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>Location对象</title>
 6     </head>
 7     <body>
 8         <input type="button"  value="跳转到History页面" onclick="javascript:location.href=‘02_History对象.html‘"/>
 9     </body>
10 </html>
时间: 2024-10-12 20:01:06

JavaScript学习——BOM对象的相关文章

Javascript学习------FileSystemObjec对象

动态创建FileSystemObject对象: var fso=new FileSystemObject("Scripting.FileSystemObject"); (接下来可以用变量fso对Drive对象.Drives集合.File对象.Files集合.Folder对象.Folders集合以及TextStream对象进行相应的操作.) FileSystemObject对象的方法 ·GetAbsolutePathName()方法:该方法根据提供的路径返回完整的路径. ·GetBase

javascript学习------Number对象,Boolean对象

Math对象: 该对象提供了大量的数学常量和数学函数. 使用Math对象时,不应该使用new关键字创建对象,而应直接使用. 如: Math.PI; 例子:随机产生指定位数的验证码 Number对象的创建: 1. var num = new Number(object); 2. var num = Number(object); Number对象的属性: 1.MAX_VALUE属性 2.MIN_VALUE属性 3.NEGTIVE_INFINITY属性:负无穷大 4.POSITIVE_INFINIT

JavaScript学习-自定义对象/

JavaScript学习 [自定义对象] 1.基本概念 ① 对象概念: 对象是包含一系列无序属性和方法的集合: ② 对象中的数据,是以键值对形式存在的,以键取值: ③ 属性:描述对象特征的一系列变量.[对象中的变量]: ④ 方法:描述对象行为的一系列方法.[对象中的函数]: 2.对象的声明: ① 字面量声明: var ovj={ key1:value1, //属性 key2:value2 func:function(){} //方法 } ② 对象中的键,可以是任何数据类型.但,一般用作普通变量名

JavaScript操作BOM对象

1)windows对象 浏览器对象模型(BOM :Browser  Object  Model)是JavaScript的组成之一,它提供了独立于内容与浏览 器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互.它的作用是将相关的元素组织包装起来, 提供给程序设计人员使用,从而降低开发人员的劳动量,提高设计Web页面的能力.BOM是一个分层结构 1-1)使用BOM通常可实现如下功能: 1.弹出新的浏览器窗口 2.移动.关闭浏览器窗口及调整窗口大小 3.在浏览器窗口中实现页面的前进.后退

JavaScript学习笔记——对象知识点

javascript对象的遍历.内存分布和封装特性 一.javascript对象遍历 1.javascript属性访问 对象.属性 对象[属性] //字符串格式 2.javascript属性遍历 for in 二.内存分布 三.对象的特性之封装 把对象所有的组成部分组合起来,尽可能的隐藏对象的部分细节,使其受到保护. 只保留有限的接口和外部发生联系. 一.工厂函数 二.构造函数 三.prototype方法 四.混合方法

javascript学习----window对象的学习与总结

一   BOM:浏览器对象模型,提供了很多对象,用于对浏览器的功能进行访问,浏览器本身自己就有一些对象,不需要创建. BOM的核心对象是window,它是浏览器的一个实例. 二.(1)Window:的常用属性: (1)status (2)opener (3)closed 的常用方法: (1)alert(): (2)confirm(): (3)setInterval(): (4)clearInterval(): (5)setTimeout(): (6)clearTimeout(): (7)open

JavaScript 学习笔记 - 对象和继承

本文是JavaScript The Good Part 有关对象和继承的学习笔记. 1. Object.create 本函数是ECMAScript 5中的标准函数,其作用是用一个对象作为原型来生成另一个对象,可以用以下的code 模拟实现. if(typeof Object.create !== 'function') { Object.create = function(proto){ var F = function(){}; if(typeof proto !== 'object'){ /

javascript之BOM对象(三其他对象)

一.navigator对象 navigator使用来识别浏览器的,是所有支持javascript的浏览器所共有的.与BOM的其他对象不同,每个浏览器的navigator对象都有一套自己的属性. 常见的属性名称: appName 完整的浏览器名称 cookieEnabled 表示cookie是否启用 onLine 浏览器是否联网 platform 浏览器所在的系统平台 plugins 浏览器所安装的插件信息的数组 preference() 用户的首选项 userLanguage 浏览器的默认语言

【JavaScript】BOM对象——Window对象&amp;History对象&amp;Location 对象

1.Window对象: 表示浏览器中打开的窗口 setInterval():它有一个返回值,主要是提供给 clearInterval 使用. setTimeout():它有一个返回值,主要是提供给 clearTimeout 使用. clearInterval():该方法只能清除由 setInterval 设置的定时操作. clearTimeout():该方法只能清除由 setTimeout 设置的定时操作. 代码: <script> // //确认弹出框 // confirm("确定