1.bom.html

<html>
	<head>
		<title>bom演示</title>
		<script type="text/javascript" src="js/bom.js"></script>
	</head>
	<body>
		<div id = 'd1'>第一个div</div>
		<div id = 'd2'>第二个div</div>
		<a href="javascript:test();">测试</a></br>
		<a href="javascript:testTimeout();">测试setTimeout</a></br>
		<a href="javascript:testSetInterval();">测试setInterval</a></br>
		<a href="javascript:stopInterval();">停止Interval</a></br>
		<a href="javascript:alert(document.links.length);">多少个link?</a></br>
		<a href="javascript:alert(document.links[0]);">第一个link的地址</a></br>

		<a href="javascript:changeHtml();">改变第一个div的内容为“基本上为主”</a></br>

	</body>
</html>

  

2.child.html

<html>
	<head>
		<title>子窗口</title>
		<script type="text/javascript" src="js/bom.js"></script>
	</head>
	<body>
		<a href="javascript:alert(window.opener.msg);">子窗口访问父窗口的变量</a>
	</body>
</html>

  

3.bom.js

//alert(window);
//alert(window.document);
//alert(window.document.links);
//alert(window.document.anchors);
//alert(window.document.forms);
//alert(window.document.location);

function test(){

	//恶搞
	/*
	while(1 > 0){
		window.moveTo(Math.random()*1000, Math.random()*100);
		//window.moveBy(400, 600);
	}
	*/

	//alert(window.screenX);

	//alert(window.self);

	//window.open('child.html', 'topFrame');

	var kti = 99888;
	alert(window.kti);
}

window.msg = '父窗口变量';

//测试setTimeout
function sayHello(){
	alert('hello!');
	//return function(){alert('hello!')};
}

function testTimeout(){
	window.setTimeout(sayHello, 2000);
	//window.setTimeout(sayHello(), 2000);
}

//测试setInterval
var t;
function testSetInterval(){
	t = window.setInterval(sayHello, 1000);
}

function stopInterval(){
	window.clearInterval(t);
}

//改变html内容
function changeHtml(){
	var k = document.getElementById('d1');
	alert(k);
	k.innerHTML = '基本上为主';
}

  

1.BOM学习的更多相关文章

  1. javascript基础学习(十二)

    javascript之BOM 学习要点: 屏幕对象 History对象 Location对象 一.屏幕对象 Screen对象是一个由javascript自动创建的对象,该对象的主要作用是描述客户端的显 ...

  2. javascript基础学习(十一)

    javascript之BOM 学习要点: BOM介绍 Window对象 一.BOM介绍 浏览器对象模型简称为BOM(Brower Object Model),BOM由很多对象构成,对象与对象之间有着相 ...

  3. 一步步学习javascript基础篇(7):BOM和DOM

    一.什么是BOM.什么是DOM BOM即浏览器对象模型,主要用了访问一些和网页无关的浏览器功能.如:window.location.navigator.screen.history等对象. DOM即文 ...

  4. JavaScripts学习日记——BOM

    IE 3.0 和 Netscape Navigator 3.0 提供了一种特性 - BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作.使用 BOM,开发者可以移动窗口.改变状态栏中的文本以及执 ...

  5. JavaScript学习总结(一)——ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)

    一.JavaScript简介 JavaScript是一种解释执行的脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型,它遵循ECMAScript标准.它的解释器被称为JavaScript引 ...

  6. javascript学习之BOM

    BOM是browser object model的缩写,简称浏览器对象模型.先看看下面这张图 window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象. ...

  7. JavaScript高级程序设计学习笔记--BOM

    window对象 BOM的核心对象是window,它表示浏览器的一个实例.在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMScript规定的G ...

  8. Javascript学习笔记3 Javascript与BOM简介

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

  9. JavaScript学习笔记之BOM

    BOM的核心对象是window,它既表示浏览器窗口以及页面可见区域,同时也是ECMAScript中的Globe对象,所有的全局变量和函数都是它的属性,并且所有的原声函数以及其他函数也都存在于它的命名空 ...

随机推荐

  1. OC对象的归档及解档浅析

    一般用在用户登录,保存这个用户的信息 对象归档,就是把内存中对象持久化. 对象解档,就是把持久化的对象读取到内存. oc中对象归档解档大致分为以下几种方法: 从数量上可以分为: 对单个对象归档解档 对 ...

  2. 通过分析iframe和无阻塞脚本关系能让我们更懂iframe

    在我上篇文章里,我提到一种使用iframe完成无阻塞脚本加载的方式,因为我对iframe的偏见很大,所以上篇文章里我没有展开讨论这个问题. 文章发表后有位网友问了我这样一个问题,下面是他问题的原文,如 ...

  3. jQuery使用FormData上传文件

    这段时间,一直练习在ASP.NET MVC程序中上传文件.静态,动态,单个或多文件上传. 在网上有看到网友提及使用FormData来上传,Insus.NET觉得是一个很不错的方式. 控制器中,创建两个 ...

  4. Aidl的使用步骤

    先说说Aidl传递参数类型 1.基本数据类型(除short类型) 2.String.charSequence 3.List,map 4.parcelable 第1步:定义一个*.aidl文件,ecli ...

  5. 让Windows 7变成WIFI热点

    360要推便携路由器,个人觉得其主要目的是盯住了用户无线设备上的信息.因为如果用户移动设备都通过它这个路由器走的话,未加密的数据全部在他掌控之中. 其实Windows 7以上的系统是非常容易建立无线热 ...

  6. Http 1.1协议

    HTTP是hypertext transfer protocol(超文本传输协议)的简写,它是TCP/IP协议的一个应用层协议,用于定义WEB浏览器与WEB服务器之间数据交换的过程. 1.Http1. ...

  7. 【百度地图学习-一】初始化以及TextOverlay

    一.百度地图的初始化 主要用到三个类: 1.BMapManager:使用地图sdk前需先初始化BMapManager.BMapManager是全局的,可为多个MapView共用,它需要地图模块创建前创 ...

  8. 学会查看tomcat的日志文件

    1.Tomcat的启动日志写出了几乎所有的启动历史记录, 包括部署项目,deploy项目.用了什么log日志记录软件,启动的tomcat引擎是什么,正在部署什么项目deploying

  9. Python学习基础教程(learning Python)--2.2.1 Python下的变量解析

    前文提及过变量代表内存里的某个数据,这个说法有根据么? 这里我们介绍一个python内建(built-in)函数id.我们先看看id函数的帮助文档吧.在python查某个函数的帮助文档很简单,只用he ...

  10. .net speed up

    Ngen.exe http://www.cnblogs.com/yukaizhao/archive/2011/11/07/how-to-use-ugen.html Merge.exe Merge dl ...