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. Quartz.NET Windows

    Quartz.NET Windows 服务示例 想必大家在项目中处理简单的后台持续任务或者定时触发任务的时候均使用 Thread 或者 Task 来完成,但是项目中的这种需求一旦多了的话就得将任务调度 ...

  2. 颜色之RGBA

    颜色之RGBA RGB是一种色彩标准,是由红(R).绿(G).蓝(B)的变化以及相互叠加来得到各式各样的颜色.RGBA是在RGB的基础上增加了控制alpha透明度的参数. 语法: color:rgba ...

  3. Write operations are not allowed in read-only mode (FlushMode.NEVER/

    今天在做ssh项目开发的时候遇到一个问题,保存数据的时候报错: Write operations are not allowed in read-only mode (FlushMode.NEVER/ ...

  4. openfire插件开发之完美开发

    http://redhacker.iteye.com/blog/1919329 一.说在前面 在继上篇Openfire3.8.2在eclipse中Debug方式启动最简单的方式后,我研究了openfi ...

  5. sql语句not in判断条件注意事项

    sql语句not in判断条件注意事项 问题描述:mysql数据库,存在两个表org表和kdorg表,用于存储组织信息.现在我需要从org表找出组织,条件为该组织不在kdorg表里. sql语句:se ...

  6. MySQL基本概念

    MySQL 数据库 MySQL可分为三个层次:文件层次,服务层次,界面 常用的数据类型:int 整数float double decimal ——小数(要在十进位栏里设置小数点后最大显示位数)varc ...

  7. How to find and fix Bash Shell-shock vulnerability CVE-2014-6271 in unix like system

    type command - env x='() { :;}; echo vulnerable' bash -c 'echo hello' in your terminal.   if your sy ...

  8. 【转】Basic C# OOP Concept

    This Article will explain a very simple way to understand the basic C# OOP Concept Download ShanuBas ...

  9. 简述负载均衡&CDN技术

    曾经见到知乎上有人问“为什么像facebook这类的网站需要上千个工程师维护?”,下面的回答多种多样,但总结起来就是:一个高性能的web系统需要从无数个角度去考虑他,大到服务器的布局,小到软件中某个文 ...

  10. 【BZOJ】【1001】 【BJOI2006】狼抓兔子

    平面图最小割->对偶图最短路 平面图最小割转对偶图最短路= = 想到了就比较好写了…… 可能是我对区域的标号方式比较奇特?反正我没有特判n==1||m==1也能过2333(机智吧-(滚开啦你个自 ...