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基础知识 （八） BOM学习笔记

    一.什么是BOM      BOM(Browser Object Model)即浏览器对象模型.      BOM提供了独立于内容 而与浏览器窗口进行交互的对象:      由于BOM主要用于管理窗口 ...

  2. 轻松学习JavaScript十七：JavaScript的BOM学习(二)

    JavaScript计时事件 通过使用JavaScript中的BOM对象中的window对象的两个方法就是setTimeout()方法和claerTimeout()方法,我们 有能力作到在一个设定的时 ...

  3. JavaScript BOM学习

    Mirror王宇阳 2019年11月13日 [首发] 数日没有更新博文了,觉得不好意思了!这不是,整理了一下JavaScript的一下BOM笔记资料,今天贡献出来!(HTML DOM也会随后整理发表) ...

  4. BOM学习-javascript计时器小结

    <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content ...

  5. javascript基础学习（十二）

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

  6. javascript基础学习（十一）

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

  7. JavaScript BOM-11-BOM的核心-window对象; window对象的控制,弹出窗口方法; 超时调用; 间歇调用; location对象常用属性; 位置操作--location.reaplace,location.reload(); BOM中的history对象; Screen对象及其常用属性; Navigator对象;

    JavaScript BOM 学习目标 1.掌握什么是BOM 2.掌握BOM的核心-window对象 3.掌握window对象的控制.弹出窗口方法 什么是bom BOM(browser object ...

  8. python之路-笔录3[BOM&DOM&JQuery]

    *** 目录 *** 1. BOM 学习 2. DOM 学习 3. jQuery 学习 *** END *** 1. BOM BOM(Browser Object Model)是指浏览器对象模型,它使 ...

  9. 前端3 — js — BOM没完（ 不了解也行 ）

    1.js是什么? -- 英文全称javascript javaScript(简称"JS") 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言.虽然它是作为开发Web页面的脚 ...

随机推荐

  1. Altera USB Blaster 仿真器（EPM240仿制版

    转载:http://tigerwang202.blogbus.com/logs/35981280.html 其他很好的资料:http://bbs.ednchina.com/BLOG_ARTICLE_1 ...

  2. Crawling is going on - Alpha版本测试报告

    [Crawling is going on - Alpha版本] 测 试 报 告 文件状态: [] 草稿 [√] 正式发布 [] 正在修改 报告编号: 当前版本: 1.0.2 编写人: 周萱.林谋武. ...

  3. 你所必须掌握的三种异步编程方法callbacks,listeners,promise

    目录: 前言 Callbacks Listeners Promise 前言 coder都知道,javascript语言运行环境是单线程的,这意味着任何两行代码都不能同时运行.多任务同时进行时,实质上形 ...

  4. CROC 2016 - Elimination Round (Rated Unofficial Edition) D. Robot Rapping Results Report 拓扑排序+二分

    题目链接: http://www.codeforces.com/contest/655/problem/D 题意: 题目是要求前k个场次就能确定唯一的拓扑序,求满足条件的最小k. 题解: 二分k的取值 ...

  5. eclipse部署Tomcat6 : The server does not support version 3.0 of the JEE Web module specification

    为项目添加tomcat 6,发现不能添加,原因如下 这是因为Tomcat6不能为JavaEE3.0版本服务,把项目的版本降低到2.5就可以了 现在可以部署了

  6. 【概率DP/高斯消元】BZOJ 2337:[HNOI2011]XOR和路径

    2337: [HNOI2011]XOR和路径 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 682  Solved: 384[Submit][Stat ...

  7. 在eclipse中配置maven

    http://pansanday.blog.163.com/blog/static/381662802012727103454743/ 从eclipse 3.6开始,eclipse有一个marketp ...

  8. Leetcode#105 Construct Binary Tree from Preorder and Inorder Traversal

    原题地址 基本二叉树操作. O[       ][              ] [       ]O[              ] 代码: TreeNode *restore(vector< ...

  9. Android系统软件卸载方法

    最简单直接的卸载方式当然是用Re文件浏览器进系统软件目录删除即可,其次是用LBE等工具卸载系统软件.不过发现系统软件卸载后还会有桌面图标,怎么都干不掉,真是匪夷所思啊!简直就打不死的小强 系统软件装在 ...

  10. 为了让vi命令也可以使用vim的配置,需要修改 vi /etc/bashrc 增加一行 alias vi='vim'此时,经过上面配置已经可以显示语法高亮了

    为了让vi命令也可以使用vim的配置,需要修改 vi /etc/bashrc 增加一行 aliasvi='vim'此时,经过上面配置已经可以显示语法高亮了