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. RTLviewer与TechnologyMapViewer的区别？

    区别: 1.QUARTUS II 中往往要查看RTL Viewer,其实RTLview是编译后的结果,显示的图形都是调用标准单元的结果,这是和思维有关联的显示结果,跟工艺库,FPGA类型,都没有关系: ...

  2. PB中获取datawindow提交的sql语句

    PB的群里边,有人问的到这个问题,查了一下,综合了两条回答,得到了答案 1.DW 控件的SQLpreview 事件里的sqlsyntax 参数即是 2.pb一般使用占位符优化SQL语句,也就是你看到的 ...

  3. 微软职位内部推荐-Senior Software Engineer

    微软近期Open的职位: Are you looking for a big challenge? Do you know why Big Data is the next frontier for ...

  4. myBatis自动生成相关代码文件配置（Maven）

    pom.xml文件添加配置 <build> <finalName>generator</finalName> <plugins> <!-- mav ...

  5. 线程生命周期状态UML图

  6. 利用checkbox的到值，并且存到数据库修改的话要显示之前选择的

    在前台当然是利用checkbox来得到复选框的语言:{% for language in languages%}<input type="checkbox" name=&qu ...

  7. Ming Rpc

    原文地址:http://iwantmoon.com/Post/487ab43d609f49d28ff4228241e2b7c7 Rpc(Remote Procedure Call Protocal)远 ...

  8. SQL Server 执行计划中的扫描方式举例说明

    SQL Server 执行计划中的扫描方式举例说明 原文地址:http://www.cnblogs.com/zihunqingxin/p/3201155.html 1.执行计划使用方式 选中需要执行的 ...

  9. discuz之同步登入

    前言   首先感谢dozer学长吧UCenter翻译成C# 博客地址----------->http://www.dozer.cc/   其次感谢群友快乐々止境同学的热心指导,虽然萍水相逢但让我 ...

  10. 【BZOJ】【3301】【USACO2011 Feb】Cow Line

    康托展开 裸的康托展开&逆康托展开 康托展开就是一种特殊的hash,且是可逆的…… 康托展开计算的是有多少种排列的字典序比这个小,所以编号应该+1:逆运算同理(-1). 序列->序号:( ...