先看body中的内容：

<body οnlοad="demo1()">

		<p>

			<input type="button" id="" value="window.alert" οnclick="demo1()"/>

		</p>

		<p>

			<input type="button" id="" value="window.confirm" οnclick="demo2()"/>

		</p>

		<p>

			<input type="button" id="" value="window.prompt" οnclick="demo3()"/>

		</p>

		当前时间是：<span id="time"></span>

		<p>

			<input type="button" id="" value="停止时间" οnclick="demo4()" />

		</p>

		<p>

			<input type="button" id="" value="去百度" οnclick="demo5()" />

		</p>

		<p>

			<input type="button" id="" value="离开此页" οnclick="demo6()" />

		</p>

	</body>

三种弹框的方式:

1.只有一个确定按钮的弹框:

function demo1(){

	window.alert("只有一个确定按钮");

}

2.有确定和取消按钮：

function demo2(){

		//确定为true 取消为false

		var c=window.confirm("你确定要退出吗？");

		window.alert(c);

	}

注意：俩个按钮都有返回值：确定为true，取消为false

3.含有输入框的弹框：

function demo3(){

		var p=window.prompt("请输入你的账号！！");

		window.alert(p);

	}

注意：返回值是个string

定时器的应用：

function gettime(){

	var date=new Date();

	var t=date.toLocaleString();

	var id=document.getElementById("time");

	id.innerHTML=t;

	}

	var si=window.setInterval("gettime()",1000);

	function demo4(){

		window.clearInterval(si);

	}

window.clearInterval(si);停止时间。

另起一页打开页面：

function demo5(){

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

	}

退出此页面：

function demo6(){

		var c=window.confirm("你确定要退出吗？");

		if(c==true){

		window.close();

	}

BOM对象中的常用方法的更多相关文章

  1. js 中 的 BOM对象

    BOM对象(浏览器对象模型 Browser Object Model) 01.页面的前进和后退 02.移动,调整和关闭浏览器窗口 03.创建新的浏览器窗口 01.window对象 ***** 核心对象 ...

  2. BOM模型中常用对象 定义计数器 网页跳转 网页前进后退

    今天上午学了的BOM模型中常用对象,了解了一部分的属性 For循环的规律 外层循环控制行 内层循环控制列 <!doctype html> <html> <head> ...

  3. js中的BOM对象

    浏览器对象模型(BOM)以 window 对象为依托,表示浏览器窗口以及页面可见区域.同时, window对象还是 ECMAScript 中的 Global 对象,因而所有全局变量和函数都是它的属性, ...

  4. 【学习笔记】：JavaScript中的BOM对象

    JavaScript中的BOM对象 BOM(Browser Object Model):浏览器对象模型. BOM可用于对浏览器窗口进行访问,但BOM没有相关的标准,所以根据浏览器的不同,其中定义的对象 ...

  5. js String对象中常用方法小结(字符串操作)

    1.charCodeAt方法返回一个整数,代表指定位置字符的Unicode编码. strObj.charCodeAt(index) 说明: index将被处理字符的从零开始计数的编号.有效值为0到字符 ...

  6. js常用内置对象、Dom对象、BOM对象

    11.html元素事件属性中,如onclick="",双引号里可以是方法条用,可以是js代码(无需加<script>标签) 12.JavaScript内置 对象.属性和 ...

  7. 第三章 JavaScript操作BOM对象

    第三章   JavaScript操作BOM对象 一.window对象 浏览器对象模型(BOM)是javascript的组成之一,它提供了独立与浏览器窗口进行交换的对象,使用浏览器对象模型可以实现与HT ...

  8. JavaScript BOM对象介绍

    bom:即broswer object model(浏览器对象模型),由五个对象组成:        Window:对象表示浏览器中打开的窗口 最顶层对象.       Navigator :浏览器对 ...

  9. js的BOM对象完全解析

    BOM即浏览器对象模型,它包括如下一些对象! (一)screen对象,Screen 对象中存放着有关显示浏览器屏幕的信息. 常见的属性有: availHeight:返回显示屏幕的高度 availWid ...

随机推荐

  1. 创建python的虚拟环境

    为什么需要虚拟环境?如果你现在用Django 1.10.x写了个网站,然后你的领导跟你说,之前有一个旧项目是用Django 0.9开发的,让你来维护,但是Django 1.10不再兼容Django 0 ...

  2. SpringMVC错误：Failed to read candidate component class：file... ...

    Failed to read candidate component class:file错误分析和处理 org.springframework.beans.factory.BeanDefinitio ...

  3. [笔记] HOW2J.CN网站记录的java笔记_第四部分_HTML

    1.写一个显示Hello World的网页, <html> <body> <p>Hello World</p> </body> </h ...

  4. 检测当前IE浏览器的版本

    检测当前IE浏览器的版本(注意:在非IE浏览器中是看不到效果的) 使用示例如下:低于IE8弹窗提示 <!--[if lte IE 8]><script>alert('您当前浏览 ...

  5. 【集合系列】- 深入浅出的分析 WeakHashMap

    一.摘要 在集合系列的第一章,咱们了解到,Map 的实现类有 HashMap.LinkedHashMap.TreeMap.IdentityHashMap.WeakHashMap.Hashtable.P ...

  6. 01-python中一切皆对象

    python一切皆对象 Python中一切皆对象,在静态语言中,Java也是面向对象编程,Python要比Java的面向对象编程更加彻底.元类编程以及猴子补丁都是用一切皆对象编程出来的. 1.函数和类 ...

  7. 2019-11-7:练习上传getshell，通过菜刀连接

    一.使用phtstudy搭建环境 1,将emlog源码解压到phpstudy的www目录,复制emlog源码中的src所有文件到需要搭建emlog的目录中,修改emlog配置文件,输入好本机mysql ...

  8. 30L，17L，13L容器分油，python递归，深度优先算法

    伪代码: 全部代码: a=[] b=[] def f(x,y,z): b.append([x,y,z]) if x==15 and y==15: print(x,y,z) i=0; for x in ...

  9. Java集合框架 10 连问，你有被问过吗？

    首先要说一下,本文对这些Java集合框架的面试题只做了一个总结式的回答,对每一道题目,都值得深入去了解一下(什么是扎实基本功,这些就是基本功~~),后续可能对每一道题目拆开独立篇章来深入讲解一下. 大 ...

  10. 附012.Kubeadm部署高可用Kubernetes

    一 kubeadm介绍 1.1 概述 参考<附003.Kubeadm部署Kubernetes>. 1.2 kubeadm功能 参考<附003.Kubeadm部署Kubernetes& ...