BOM 浏览器对象模型

BOM (浏览器对象模型），它提供了与浏览器窗口进行交互的对象。

一、window对象

Window对象表示整个浏览器窗口。

所有浏览器都支持 window 对象。它表示浏览器窗口。

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

甚至 HTML DOM 的 document 也是 window 对象的属性之一.

（1）.系统消息框         alert()

例：alert('hello');

（2）.确认对话框         confirm()

该方法返回一个boolean值，如果点击ok返回true,点击cancel返false;

例：if(confirm("确定要删除吗?")){

//删除

}

（3）.输入对话框         prompt()

如果点击ok将文本框中的值作为函数值返回，如果点击cancel返回null

例：         var name = prompt("请输入你的姓名？","");

if(name != null){

alert(‘welcome’+ name);

}

（4）. 打开新窗口      window.open()

例：

window.open("http://www.baidu.com","_blank","width=500, height=500");

注：要将浏览器拦截功能去掉。

（5）.定时器

A、window.setInterval();   设置循环定时器

setInterval ()方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval(code,millisec,lang)

参数

描述

code

必需。要调用的函数或要执行的代码串。

millisec

必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。

注：1000ms=1s

lang

可选。 JScript | VBScript | JavaScript

B、window.clearInterval(); 清除循环定时器

C、window.setTimeout();    设置单次定时器

D、window.clearTimeout()    清除单次定时器

例子如下：设置一个实时时钟

JS代码：

<script type="text/javascript">

            function time (){

                var myDate=new Date();

                var    year=myDate.getFullYear();   //获取完整的年份

                var    month=myDate.getMonth();　　//获取当前月份（0-11,0代表1月）

                var    day=myDate.getDate();　　　　//获取当前日（1-31）

                var    hours=myDate.getHours();　　　//获取当前小时数（0-23）

                var    min=myDate.getMinutes();　　　//获取当前分钟数（0-59）

                var second=myDate.getSeconds();　　　//获取当前秒数（0-59）
　　　　　　　　　var week=myDate.getDay();  //获取当前星期 （0-6,0是星期天）
　　　　　　　　  var weekday=['星期日','星期一','星期二','星期三','星期四','星期五','星期六']; 
　　　　　　　　  document.getElementById("clock").innerHTML="现在是:"+year+"年"+month+"月"+day+"日"+hours+":"+min+":"+second+ weekday[week]; } 
　　　　　　　　  window.setInterval("time()",1000); //设置定时器，定时时间为1s.

</script>

HTML代码：

<body onload="time()">

    <div id="clock"></div>

</body>

输出为：

本来应该动态显示，但此处为图片。可自行复制代码查看效果。

二、history对象

history对象是window对象的子对象，对应于浏览器的

历史记录。

history.back(); //与在浏览器点击后退按钮相同

history.forward();//与在浏览器中点击按钮向前相同

三、Location对象

Location对象也是window对象的子对象，通过它可以获取或设置浏览器的当前地址。

1.跳转到其它页面

window.location.href = "http://www.163.com";

location.href = "http://www.163.com";

2.重新载入页面（刷新)

location.reload();

四、navigator对象

Navigator对象包含着有关web浏览器的信息，它也是window的属性，可以用

window.navigator引用它，也可以用navigator引用

例：获取浏览器内部代号，名称，操作系统等信息

var info = navigator.userAgent;

alert(info);

JavaScript基本语法（五）的更多相关文章

  1. 探究JavaScript中的五种事件处理程序

    探究JavaScript中的五种事件处理程序 我们知道JavaScript与HTML之间的交互是通过事件实现的.事件最早是在IE3和Netscape Navigator 2中出现的,当时是作为分担服务 ...

  2. Javascript数组系列五之增删改和强大的 splice()

    今天是我们介绍数组系列文章的第五篇,也是我们数组系列的最后一篇文章,只是数据系列的结束,所以大家不用担心,我们会持续的更新干货文章. 生命不息,更新不止! 今天我们就不那么多废话了,直接干货开始. 我 ...

  3. JavaScript交互式网页设计 • 【第1章 JavaScript 基本语法】

    全部章节   >>>> 本章目录 1.1 JavaScript 概述 1.1.1 JavaScript 简介 1.1.2 JavaScript 的概念和执行原理 1.1.3 J ...

  4. JavaScript基本语法（一）

    前段时间学习了HTML和CSS,也实战了一些结构较简单的项目.在还没运用到JS的知识时,做出来的效果总觉得少了些什么.虽然总体布局与一些基本的特效,也能用HTML+CSS就能完成.但如今开始进入Jav ...

  5. javascript运算符语法概述

    × 目录 [1]个数 [2]优先级 [3]结合性[4]类型[5]规则表 前面的话 javascript中的运算符大多由标点符号表示,少数由关键字表示,它们的语法言简意赅,它们的数量却着实不少.运算符始 ...

  6. javascript基础语法——表达式

    × 目录 [1]原始表达式 [2]复杂表达式 前面的话 一般地,关于javascript基础语法,人们听得比较多的术语是操作符和语句.但是,其实还有一个术语经常使用,却很少被提到,这就是javascr ...

  7. javascript基础语法——词法结构

    × 目录 [1]java [2]定义 [3]大小写[4]保留字[5]注释[6]空白[7]分号 前面的话 javascript是一门简单的语言,也是一门复杂的语言.说它简单,是因为学会使用它只需片刻功夫 ...

  8. JavaScript的语法规则

    JavaScript的语法规则 JavaScript区分大小写 JavaScript脚本程序须嵌入在HTML文件中 JavaScript脚本程序中不能包含HTML标记代码 每行写一条脚本语句 语句末尾 ...

  9. JavaScript的语法要点 1 - Lexically Scoped Language

    作为从一开始接触C.C++.C#的程序员而言,JavaScript的语法对我来说有些古怪,通过最近一年的接触,对它有了一定的了解,于是想把它的一些语法要点记录下来. 1. Block Scope vs ...

  10. javascript的语法作用域你真的懂了吗

    原文:javascript的语法作用域你真的懂了吗 有段时间没有更新了,思绪一下子有点转不过来.正应了一句古话“一天不读书,无人看得出:一周不读书,开始会爆粗:一月不读书,智商输给猪.”.再加上周五晚 ...

随机推荐

  1. 实战MEF（1）：一种不错的扩展方式

    在过去,我们完成一套应用程序后,如果后面对其功能进行了扩展或修整,往往需要重新编译代码生成新的应用程序,然后再覆盖原来的程序.这样的扩展方式对于较小的或者不经常扩展和更新的应用程序来说是可以接受的,而 ...

  2. 实战Hybird app：内存溢出与优化

    pheongap项目:http://www.nduoa.com/apk/detail/646816 主要的问题: heap过大,内存低性能差的机子上引起奔溃,直接退出 关于web app的优化,不仅仅 ...

  3. VB.NET 创建文件以及文件的读写（创建随机数）

    创建文件 Dim strFile As String = String.Format("C:\ErrorLog.txt", DateTime.Today.ToString(&quo ...

  4. 重磅开源:TN文本分析语言

    tn是desert(沙漠之鹰)和tan共同开发的一种用于匹配,转写和抽取文本的语言(DSL).并为其开发和优化了专用的编译器.基于递归下降方法和正则表达式,能解析自然文本并转换为树和字典,识别时间,地 ...

  5. PHP精选数组函数

    编程怎么能少的了数组呢,以下是学习PHP时常用的数组处理函数.在编程中要遵循一个原则就是DRY(Don`t Repeat Yourself)原则,PHP中有大量的函数,都记住这些函数不太现实,但常用的 ...

  6. js实现css3的过渡，需要注意的一点（浏览器优化）

    大部分浏览器对元素几何改变时候的重排做了优化.据说是这样子,一定时间内本应多次重排的改变,浏览器会hold住,仅一次重排.其中如果使用分离的一步处理过程,例如计时器,依然多次重排.例如,当我们应用tr ...

  7. 5分钟学会使用Less预编译器

    5分钟学会使用Less预编译器 Less是什么? LESS CSS是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法为CSS赋予了动态语言的特性,如变量.继承.运算.函数等,更方便 ...

  8. 【JVM】JVM系列之内存模型（六）

    一.前言 经过前面的学习,我们终于进入了虚拟机最后一部分的学习,内存模型.理解内存模型对我们理解虚拟机.正确使用多线程编程提供很大帮助.下面开始正式学习. 二.Java并发基础 在并发编程中存在两个关 ...

  9. SwitchButton 开关按钮 的多种实现方式

    刚开始接触开关样式的按钮是在IOS系统上面,它的切换以及滑动十分帅气,深入人心. 所谓的开关按钮,就是只有2个状态:on和off,下图就是系统IOS 7上开关按钮效果. 起初我在android上我只会 ...

  10. C语言字符串匹配、goto语句、关机命令使用

    1.程序执行修改窗口字体颜色命令: 2.程序执行修改窗口标题命令: 3.程序执行关机倒计时命令: 4.根据提示输入团队名称JYHACK TEAM 根据提示输入团队网址:http://bbs.jyhac ...