<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<script type="text/javascript">

/*

javascript组成部分：

	EMCAScript（基本语法）

	BOM( Browser Object MOdel) 浏览器对象模型.

浏览器对象模型中把浏览器 的各个部分都是用了一个对象进行描述，如果我们要

操作浏览器的一些属性，我就可以通过浏览器对象模型 的对象进行操作。

	window  代表了一个新开的窗口

	location 代表了地址栏对象。

	screen  代表了整个屏幕的对象

window对象常用的方法：

	open()   打开一个新的窗口。

	resizeTo() 将窗口的大小更改为指定的宽度和高度值。

	moveBy()  相对于原来的窗口移动指定的x、y值。

	moveTo() 将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。 

	setInterval() 每经过指定毫秒值后就会执行指定的代码。

	clearInterval() 根据一个任务的ID取消的定时任务。

	setTimeout() 经过指定毫秒值后执行指定 的代码一次。

注意： 使用window对象的任何属性与方法都可以省略window对象不写的。

*/

	function showAd(){

			open("ad.html","_blank","height=400px,width=400px,toolbar=no,location=no,top=200px");

	}

	setTimeout("showAd()",2000);

	//var id = window.setInterval("showAd()",2000);

	function small(){

		resizeTo(300,200); //相对于原本窗口改变指定的大小。

	}

	function move(){

		for(var i = 0 ; i<100 ; i++){

			window.moveBy(50,0); // 相对于原来的窗口移动指定的x、y值。

			moveBy(0,50);

			window.moveBy(-50,0);

			window.moveBy(0,-50);

		}

	}

	function move2(){

		window.moveTo(500,200);

	}

	/*

	function clearTest(){

		window.clearInterval(id);

	}

	*/

</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

	<input type="button" onclick="showAd()" value="下载电影"/>

    <input type="button" onclick="small()" value="变小"/>

    <input type="button" onclick="move()" value="moveBy"/>

     <input type="button" onclick="move2()" value="moveTo"/>

      <input type="button" onclick="clearTest()" value="取消定时任务"/>

</body>

</html>

javascript之BOM浏览器对象模型引入的更多相关文章

  1. 第一百一十一节，JavaScript，BOM浏览器对象模型

    JavaScript,BOM浏览器对象模型 学习要点: 1.window对象 2.location对象 3.history对象 BOM也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能.BOM ...

  2. JavaScript——BOM(浏览器对象模型)，时间间隔和暂停

    BOM(浏览器对象模型):能够对浏览器的窗体进行訪问和操作 1.主要的BOM体系: window------------document-------------------------------- ...

  3. JavaScript（二、BOM 浏览器对象模型）

    一.BOM是什么 BOM是browser object model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心 ...

  4. JavaScript编程：浏览器对象模型BOM

    4.浏览器对象模型BOM: document.body.offsetwidth可以获取浏览器宽度. Window对象:          窗口操作:            1.moveBy(dx,dy ...

  5. javascript高级程序设计第3版——第8章 BOM(浏览器对象模型)

    第八章,浏览器对象模型 主要介绍了window的几个对象以及框架,窗口的关系,各个浏览器对象的属性以及方法:

  6. JavaScript中的浏览器对象模型

    浏览器对象模型 1.浏览器引入JavaScript 1.直接在HTML文件中引入 首先第1种方式就是直接在HTML文档里面引入JavaScript代码.在维护一些老项目的时候,经常 可以看到J ava ...

  7. BOM—浏览器对象模型（Browser Object Model）

     1,javascript   组成部分: 1.ECMAscript(核心标准):    定义了基本的语法,比如:if for 数组 字符串 ... 2.BOM  : 浏览器对象模型(Browser ...

  8. JavaScirpt(JS)——BOM浏览器对象模型

    一.BOM概念 BOM(Browser Object Model)即浏览器对象模型.可以对浏览器窗口进行访问和操作.使用 BOM,开发者可以移动窗口.改变状态栏中的文本以及执行其他与页面内容不直接相关 ...

  9. BOM——浏览器对象模型(Browser Object Model)

    什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对 ...

随机推荐

  1. Lintcode393 Best Time to Buy and Sell Stock IV solution 题解

    [题目描述] Say you have an array for which the i th element is the price of a given stock on day i. Desi ...

  2. 日常实用css布局技巧汇总

    1.单行完整显示,多行省略显示. .box { width: 100px;  //必要 display: -webkit-box;    //必要 font-size: 14px; line-heig ...

  3. python学习之路基础篇(第五篇)

    前四天课程回顾 1.python简介 2.python基本数据类型 类: int:整型 | str:字符串 | list:列表 |tuple:元组 |dict:字典 | set:集合 对象: li = ...

  4. ucsc 文件格式说明

    链接附带的是ucsc各种格式文件的说明,以后遇到新类型的文件可以先来这里看看! https://www.genome.ucsc.edu/FAQ/FAQformat.html

  5. 介绍Docker仓库

    仓库(Repository)是集中存放镜像的地方. 一个容易混淆的概念是注册服务器(Registry).实际上注册服务器是管理仓库的具体服务器,每个服务器上可以有多个仓库,而每个仓库下面有多个镜像.从 ...

  6. Docker 镜像

    Docker 镜像就是一个只读的模板. 例如:一个镜像可以包含一个完整的 ubuntu 操作系统环境,里面仅安装了 Apache 或用户需要的其它应用程序. 镜像可以用来创建 Docker 容器. D ...

  7. Microsoft Dynamics 365 Developer Toolkit下载地址

    下载,支持Visual Studio 2012, 2013, 2015

  8. [Angular2]eclipse中angular2开发环境的搭建

    本文作者:苏生米沿 本文地址:http://blog.csdn.net/sushengmiyan 环境准备 1.eclipse neon 2.网络连接 插件地址 eclipse的插件市场地址: htt ...

  9. proc文件系统探索 之 根目录下的文件[三]

    包括对proc根目录下meminfo文件的解析. > cat /proc/meminfo   读出的内核信息进行解释,下篇文章会简单对读出该信息的代码进行简单的分析. MemTotal: 507 ...

  10. intel-hadoop/HiBench流程分析----以贝叶斯算法为例

    1.HiBench算法简介 Hibench 包含9个典型的hadoop负载(micro benchmarks,hdfs benchmarks,web search bench marks,machin ...