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. CAD字体显示错乱问题解决方案

    最近这两天一直在画竣工图,用CAD用得挺多的,所以老是发现一些问题.今天在打开别人发过来的图纸时,我看到竟然还有钢筋符号无法显示…… 像这种问题的解决,据我所知就两种方法: 一.替换使用的字体 首先选 ...

  2. git简单入门

    git简单入门 标签(空格分隔): git git是作为程序员必备的技能.在这里就不去介绍版本控制和git产生的历史了. 首先看看常用的git命令: git init git add git comm ...

  3. Node.js 学习（二） 创建第一个应用

    如果我们使用PHP来编写后端的代码时,需要Apache 或者 Nginx 的HTTP 服务器,并配上 mod_php5 模块和php-cgi. 从这个角度看,整个"接收 HTTP 请求并提供 ...

  4. 也发一个自己实现的android简单文件选择器代码。支持多卡，排序

    一个很简单的文件选择器对话框,支持双sd卡,当然前提是要有sd卡..并且实现了排序效果. 只有100多行的代码,基本的思路就是用listview显示目录下的所有子文件,再判断是文件还是目录. 利用Co ...

  5. android开发实现静默安装（fota升级）

    这里只提供一个思路,也是咨询大神才了解到的. fota升级主要用于系统及系统应用的升级,不过貌似也会弹出提示用于用户确认.既然做到系统级别了,估计也一样可以静默安装的.

  6. SwipeBackLayout的使用方法，右滑返回

    使用方法: 需要右滑返回的activity继承baseActivity就可以, 如: public class SettingActivity extends BaseActivity {} 为防止滑 ...

  7. Mac下safari、chrome打开开发者工具快捷键

    mac下safari和chrome打开开发者工具的快捷键相同,都是option(alt)+command+i 这个是我的默认配置,没有更改过的.

  8. git的初步了解

    其实git我也不熟,请两天假回来宿友告诉我,我们有一份高大尚的作业.我问她们才知道原来是让我们以博客的形式写两份作业交上去.git还是我在网上查找到的,才对它有一些的了解. git是一个开源分布式版本 ...

  9. codeforce 421D D. Bug in Code

    题目链接: http://codeforces.com/problemset/problem/421/D D. Bug in Code time limit per test 1 secondmemo ...

  10. 类模板的困扰 LNK2019 （转）

    原文地址:http://www.eetop.cn/blog/html/93/493893-14903.html 在使用类模板技术时,可在.h中实现,也可在.h和.cpp中分开实现,若用.h实现,不要在 ...