文档章节

javascript中的BOM对象

任平生7887
 任平生7887
发布于 2017/08/09 16:29
字数 960
阅读 11
收藏 0

##1.window对象 所有的浏览器都支持window对象

概念上讲,一个html文档对应一个window对象
功能上讲,控制浏览器窗口
使用上讲,window对象不需要创建对象,直接使用

##2.window对象方法:

###2.1 alert() 显示一个带有一段消息和一个确认按钮的警告框

例子:

window.alert("hello world");		//在浏览器窗口弹出一个"hello world"对话框

用浏览器打开,显示如下:

###2.2 confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框

例子:

var res=confirm("确定删除??");		
window.alert(res);	//浏览器窗口弹出一个"确认删除"对话框,等待用户选择

用浏览器打开,显示如下:

###2.3 prompt() 显示可提示用户输入的对话框

**prompt()**可以使用两个参数,第一个参数为提示信息,第二个参数为输入默认值,返回值是用户输入的内容

例子一:

var res=prompt("Input a num:");
window.alert(res);

用浏览器打开,显示如下:

例子二:

var res=prompt("Input a num:","1234");
window.alert(res);

用浏览器打开,显示如下:

###2.4 open() 打开一个新的浏览器窗口或查找一个已经命名的窗口

可用三个参数,参数一为新打开的窗口的网址,参数二为新窗口的名字,可不填,参数三为新打开的窗口的尺寸 例子一:

window.open("http://www.baidu.com");

用浏览器打开,浏览器会再打开一个窗口打开百度的首页

例子二:

//新打开一个宽度为300px,高度为150px的窗口,网址为百度
window.open("http://www.baidu.com","",'width=300,resizable=no,height=150');

用浏览器打开,显示如下:

###2.5 close() 关闭浏览器窗口

例子:

window.close();	//会关闭当前的浏览器窗口

###2.6 setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式

**setInterval()方法会不停的调用函数,直到clearInterval()**被调用或窗口被关闭

setInterval()返回的id值可用作**clearInterval()**方法的参数

语法:

setInterval(code,millisec)

其中,code为要调用的函数或要执行的代码段,millisec为周期性执行的时间间隔,单位为毫秒 ###2.7 clearInterval() 取消由setInterval()设置的timeout

例子:

<input id="ID1" type="text" onclick="begin()">
<button onclick="end()">停止</button>
<script>
	function show_time(){
		var time1=new Date().toLocaleString();
		var temp=document.getElementById("ID1");
		temp.value=time1;
	}
	var ID;
	function begin(){
		if (ID==undefined){
			show_time();
			ID=setInterval(show_time,1000);
		}
	}
	function end(){
		clearInterval(ID);
		ID=undefined;
	}
</script>

用浏览器打开,显示如下:

在输入框中单击,输入框中会显示出当前的时间,一秒钟更新一次

显示如下:

直到单击停止按钮,计时才会停止,再次单击输入框后,输入框内的时间会以一秒钟的频率更新,直到再次单击停止按钮. ###2.8 setTimeout() 在指定的毫秒数后调用函数或计算表达式

例子一:

<input type="button" value="alert_box" onclick="time_msg()">
<script>
	var times;
	function time_msg(){
		var time1=setTimeout("window.alert('5 seconds!')",5000);
	}
</script>

用浏览器打开,显示如下:

等待5秒钟后,会弹出如下对话框:

例子二:

<input type="text" id="txt">
<input type="button" value="start count" onclick="time_count()">
<script>
	var times;
	var count=0;
	function time_count(){
		document.getElementById("txt").value=count;
		count +=1;
		times=setTimeout("time_count()",1000)
	}
</script>

当计时按钮被点击后,输入框中就从0开始计数,一秒钟一次

如图所示:

###2.9 clearTimeout() 取消由setTimeout()方法设置的timeout

例子:

<input type="text" id="txt">
<input type="button" value="start" onclick="time_count()">
<input type="button" value="stop" onclick="stop_count()">
<script>
	var times;
	var count=0;
	function time_count(){
		document.getElementById("txt").value=count;
		count +=1;
		times=setTimeout("time_count()",1000)
	}
	function stop_count(){
		clearTimeout(times);
	}

生成一个计时器,单击开始按钮,输入框中会开始计时,直到单击停止按钮才会暂停,再次单击开始,输入框中的秒数会从上次暂停的时间继续计时

如图所示:

© 著作权归作者所有

任平生7887
粉丝 2
博文 78
码字总数 112264
作品 0
海淀
私信 提问
谈谈浏览器里的JavaScript

在许多的网页前端教学或是文章书籍当中,你可能常常听到这样的说法:「HTML、CSS 与JavaScript 是网页前端三大要素」,其中: HTML 负责资料与结构 CSS 负责样式与呈现 JavaScript 负责行为与...

米淇淋
05/21
0
0
JavaScript的各种对象

当人们谈论JavaScript的时候,往往并不严谨。因为在一个面向对象的语言中,你总是喜欢这么说:“一切都是对象”。难道真的什么都是“对象”吗?下面来说说我的看法。 通常我们谈论的JavaScr...

梵高
2011/08/13
0
0
JavaScript 学习(2)

参考: http://www.w3cschool.cc/js/js-window.html 四、浏览器 BOM 浏览器对象模型(BOM)使JavaScript有能力与浏览器“对话”。 (1)Window 浏览器对象模型(Browser Object Model),尚无...

明天以后
2014/10/01
0
0
JavaScript的组成 | DOM/BOM

往期回顾 在上一期的《JavaScript的组成 核心-ECMAScript 》☜里,我们有说到JavaScript 是由三大部分组成,分别是:核心ECMAScript、文档对象模型-DOM、浏览器对象模型-BOM 那么本期就让我们...

我的卡
2018/11/19
0
0
第一章--JavaScript简介

1. JavaScript的构成 1.1. ECMAScript ECMAScript规定了核心语言的组成部分分别为:语法、类型、语句、关键字、保留字、操作符、对象。 宿主环境:Web浏览器、Node、Adobe Flash。 1.2. DOM...

lovewt
2018/06/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Java的战争

本文来自微信公众号: 金捷幡(ID:jin-jiefan) ,作者:金捷幡,封面:拉里·埃里森(东方IC) 2019年5月,彻底撕破脸的特朗普掀起对华为的战争,谷歌被迫吊销了华为的Android授权。开源软...

Java领航员
34分钟前
1
0
超详细的LM3414MRX/NOPB规格参数介绍就在这里

超详细的LM3414MRX/NOPB规格参数介绍就在这里 描述 LM3414和LM3414MRX/NOPB是具有1-A 60 W(1)共阳极功能的恒流降压LED驱动器。它们适用于驱动单串3-W HBLED,效率高达96%。它们可接受4.5...

不能吃肉的仙女
40分钟前
1
0
Eclipse国内镜像源配置方法

Table of Contents 我们在国内从官网下载Eclipse以及插件非常慢,那么,有没有方法变快呢? 有,那就是使用国内的公开镜像源替换官方源。 1 下载Eclipse 首先,我们看一个链接地址: http:/...

求神
今天
5
0
java 请求服务

一.第一种基于java web http 请求服务,必须用tomcat 容器启动才能对外提供服务 在maven 工程中pox 文件导入jar <dependency> <groupId>org.apache.httpcomponents</groupId> <artifactId>h......

zaolonglei
今天
5
0
HDFS工作机制——自开发分布式数据采集系统

需求描述: 在业务系统的服务器上,业务程序会不断生成业务日志(比如网站的页面访问日志) 业务日志是用log4j生成的,会不断地切出日志文件,需要定期(比如每小时)从业务服务器上的日志目...

须臾之余
今天
15
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部