1.BOM学习

时间：2021-10-02 04:13:23

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学习&lpar;二&rpar;

    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对象&semi; window对象的控制&comma;弹出窗口方法&semi; 超时调用&semi; 间歇调用&semi; location对象常用属性&semi; 位置操作--location&period;reaplace&comma;location&period;reload&lpar;&rpar;&semi; BOM中的history对象&semi; Screen对象及其常用属性&semi; Navigator对象&semi;

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

  8. python之路-笔录3&lbrack;BOM&amp&semi;DOM&amp&semi;JQuery&rsqb;

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

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

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

随机推荐

  1. Apache&plus;MySQL&plus;PHP开发环境的搭建（一）

    通过套件来安装和配置php开发环境. 1.所需软件:AppServ(因为是开源,任何网站都能下载) 安装本软件基本上就是下一步. 2.进行安装 选择一个盘安装该软件点击next继续: 根据自己的实际情 ...

  2. 你真的了解UIWindow吗？

    一:首先查看一下关于UIWindow的定义 NS_CLASS_AVAILABLE_IOS(2_0) @interface UIWindow : UIView //window的屏幕,默认是 [UISc ...

  3. 漫游Kafka设计篇之数据持久化

    Kafka大量依赖文件系统去存储和缓存消息.对于硬盘有个传统的观念是硬盘总是很慢,这使很多人怀疑基于文件系统的架构能否提供优异的性能.实际上硬盘的快慢完全取决于使用它的方式.设计良好的硬盘架构可以和内 ...

  4. solr4&period;5 schema&period;xml配置文件

    schema.xml配置文件是用于定义index索引库的结构,有点类似于数据表表的定义. 当我们打开schema.xml配置文件时,也许会被里面密密麻麻的代码所吓倒,其实不必惊慌,里面其实就两个东西f ...

  5. 微信小程序开发手册

    目录: 数据绑定 条件渲染 列表渲染 API FAQ: <block wx:for> 和 <view wx:for>的区别 wx:if 什么情况下判断为假 坑列表: 微信版本6 ...

  6. &lbrack;转&rsqb; &period;NET领域驱动设计—初尝&lpar;原则、工具、过程、框架&rpar;

    阅读目录: 1.原则 1.1.精简聚合 1.2.分离用例与接口功能(设计模式的用武之地) 2.工具.框架.组件 3.过程 1]原则 原则对于任何一项技术实现来说都是至关重要的,在设计某一个系统功能的时 ...

  7. jquery 实现滚动条下拉时无限加载的简单实例

    var lastId=0;//记录每一次加载时的最后一条记录id,跟您的排序方式有关.     var isloading = false;   $(window).bind("scroll ...

  8. dropout理解：1神带9坑

    Dropout是深度学习中防止过拟合的一项非常常见的技术,是hinton大神在12年提出的一篇论文里所采用的方法.有传言hinton大神的数学功底不是很好,所以他所提出的想法背后的数学原理并不是很复杂 ...

  9. 【Qt编程】Qt学习之Window and Dialog Widgets

    Qt Creator 提供的默认基类只要QMainWindow.QWidget和QDialog三种.其中,QMainWindow是带有菜单栏和工具栏的主窗口类,QDialog是各种对话框的基类,这两个 ...

  10. &lbrack;编译&rsqb; 5、在Linux下搭建安卓APP的开发烧写环境（makefile版）—— 在Linux上用命令行&plus;VIM开发安卓APP

    星期三, 19. 九月 2018 02:19上午 - BEAUTIFULZZZZ 0)前言 本文不讨论用IDE和文本编辑器开发的优劣,是基于以下两点考虑去尝试用命令行编译安卓APP的: 了解安卓APP ...

相关文章