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. SharePoint Designer 2013 连接 Office 365 必需安装2个SP

    第一个: 32位电脑安装链接:http://www.microsoft.com/downloads/details.aspx?FamilyId=278a31eb-0cf9-4b30-a670-9c9d ...

  2. 程序猿尤其是.NET程序员所需要注意的网站资源

    我觉得一个程序员 需要 对 技术 和 行业 两方面同时具有极大热情和注意力才能让自己在一个新的台阶. 有些程序员就是对技术有着极大的热情但是行业完全不注意,这样我感觉只能成为一个专家,并不能让自己真正 ...

  3. 使用adagio包解决背包问题

    背包问题(Knapsack problem) 背包问题(Knapsack problem)是一种组合优化的多项式复杂程度的非确定性问题(NP问题).问题可以描述为:给定一组物品,每种物品都有自己的重量 ...

  4. 【图像处理】第三次实验:JPEG图像压缩

    1.任务说明 将LENA图像用JPEG方式压缩. 2.算法原理 JPEG(Joint Photographic Experts Group)是一个由ISO和IEC两个组织机构联合组成的一个专家组,负责 ...

  5. 泛函编程(26)-泛函数据类型-Monad-Applicative Functor Traversal

    前面我们讨论了Applicative.Applicative 就是某种Functor,因为我们可以用map2来实现map,所以Applicative可以map,就是Functor,叫做Applicat ...

  6. cf378D(stl模拟)

    题目链接:http://codeforces.com/contest/733/problem/D 用map<pair<int, int>int>标记(第一次用~)... 代码: ...

  7. 【算法题目】包含min函数的栈

    题目来源:<剑指offer>面试题21 题目:定义栈的数据结构,请在该类型中实现一个能够得到栈的最小元素的min函数.在该栈中,调用min,push以及pop的时间复杂度都是O(1). 分 ...

  8. nginx 配置优化的几个参数

    nginx 配置优化的几个参数 2011-04-22 本文地址: http://blog.phpbean.com/a.cn/7/ --水平有限欢迎指正-- -- 最近在服务器上搞了一些nginx 研究 ...

  9. Balsamiq Mockups registration code

    最近使用Mockups 进行页面原型设计,发现是未注册的,于是网上查询了下注册码,居然有效,在此记录下.    有需要的朋友也可以试试. Name:Rick Dong     Key:eNrzzU/O ...

  10. HTTP头信息(转)--1

    转自:http://www.cnblogs.com/9988/archive/2012/03/21/2409086.html 我用抓包软件抓了http的包,发现accept大多数有两种情况. 第一种: ...