<!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. 89. Gray Code(中等，了解啥是 gray code)

    知道啥是 gray code 就是收获了． 下面介绍了 gray code 发明的 motivation, 了解动机后就知道啥是 gray code 了． https://zh.wikipedia.o ...

  2. 数据库的case when 使用实例

    本文作者:苏生米沿 本文地址:http://blog.csdn.net/sushengmiyan/article/details/50471210 需求很简单,我有一个部门和部门的请假申请表.表数据简 ...

  3. javaweb异常提示信息统一处理（使用springmvc，附源码）

    一.前言 后台出现异常如何友好而又高效地回显到前端呢?直接将一堆的错误信息抛给用户界面,显然不合适. 先不考虑代码实现,我们希望是这样的: (1)如果是页面跳转的请求,出现异常了,我们希望跳转到一个异 ...

  4. Android程序员必须掌握的知识点-多进程和多线程

    当某个应用组件启动且该应用没有运行其他任何组件时,Android 系统会使用单个执行线程为应用启动新的 Linux 进程.默认情况下,同一应用的所有组件在相同的进程和线程(称为"主" ...

  5. 剑指Offer——常用SQL语句、存储过程和函数

    剑指Offer--常用SQL语句.存储过程和函数 常用SQL语句 1.在MySQL数据库建立多对多的数据表关系 2.授权.取消授权 grant.revoke grant select, insert, ...

  6. SLAMCN资料收藏转载

    网页链接地址:http://www.slamcn.org/index.php/%E9%A6%96%E9%A1%B5 资料非常丰富,内容如下: 首页 目录 [隐藏]  1 SLAM 介绍 1.1 什么是 ...

  7. Google Dremel数据模型详解(上)

    首先简单介绍一下Dremel是什么,能解决什么问题.第二部分着重讲Dremel的数据模型,即数据结构.第三部分将谈一下在此数据结构上设计的算法. 1 起源 Dremel的数据模型起源于分布式系统的应用 ...

  8. Scala actor的使用

    Actor 为什么需要Actor? Actor的本质即万物皆Actor, Actor之间只有发送消息这一种通信方式.例如,无论是管理员让工作者干活,还是工作者把成果交还给管理员,它们之间也要通过发送消 ...

  9. Android简易实战教程--第二十六话《网络图片查看器在本地缓存》

    本篇接第二十五话  点击打开链接   http://blog.csdn.net/qq_32059827/article/details/52389856 上一篇已经把王略中的图片获取到了.生活中有这么 ...

  10. WINDOWS系统注册表取得管理权限研究

    有的时候开发我们需要取得系统管理员权限,可以通过修改注册表实现,研究网上的各种方法,整理得一下脚本实现取得管理员权限 脚本如下 Windows Registry Editor Version 5.00 ...