先看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. 易初大数据 2019年10月24日 spss笔记 王庆超

    数据文件的重置结构:横向结构(个案组),纵向结构,不符合分析方法的时候就需要重组,选定变量重组为个案,数据—重构,重构数据向导,选定变量重组为个案,将选定个案重构位变量,转置所有数据,变量组数目,一个 ...

  2. 【集合系列】- 初探java集合框架图

    一.集合类简介 Java集合就像一种容器,可以把多个对象(实际上是对象的引用,但习惯上都称对象)"丢进"该容器中.从Java 5 增加了泛型以后,Java集合可以记住容器中对象的数 ...

  3. 简单的倒叙应用---倒序打印字符串（C语言）

    void reverseStr(char* str){ if(*str=='\0'){ return; } reverseStr(str+1); printf("%c\n",*st ...

  4. kafka线上滚动升级方案记录

    kafka升级方案 为什么进行kafka升级 一.修改unclean.leader.election.enabled默认值Kafka社区终于下定决心要把这个参数的默认值改成false,即不再允许出现u ...

  5. Mongodb自动备份数据库并删除指定天数前的备份

    1.创建Mongodb数据库备份目录 mkdir -p /home/backup/mongod_bak/mongod_bak_now mkdir -p /home/backup/mongod_bak/ ...

  6. 022.掌握Pod-Pod升级和回滚

    一 deploymentPod升级和回滚 1.1 deployment升级 若Pod是通过Deployment创建的,可以在运行时修改Deployment的Pod定义(spec.template)或镜 ...

  7. 力扣（LeetCode）亲密字符串 个人题解

    给定两个由小写字母构成的字符串 A 和 B ,只要我们可以通过交换 A 中的两个字母得到与 B 相等的结果,就返回 true :否则返回 false . 示例 1: 输入: A = "ab& ...

  8. 领扣（LeetCode）对称二叉树 个人题解

    给定一个二叉树,检查它是否是镜像对称的. 例如,二叉树 [1,2,2,3,4,4,3] 是对称的. 1 / \ 2 2 / \ / \ 3 4 4 3 但是下面这个 [1,2,2,null,3,nul ...

  9. vscode在终端运行脚本时出现“因为在此系统上禁止运行脚本”

    首先关闭vscode,再以管理员的身份运行vscode,然后打开终端执行: get-ExecutionPolicy,显示的是Restricted,表示状态是禁止的; 再执行:set-Execution ...

  10. 2019-9-18：渗透测试，基础学习,ubuntu搭建LNMP，phpmyadmin

    1,安装nginx:sudo apt-get install nginx 2,安装完成,输入,service nginx start开启服务,输入:netstat -ntulp |grep 80,确定 ...