javascript——BOM的open()和close()

BOM : Browser Object Model 浏览器对象模型

open(地址默认是空白页面,打开方式默认新窗口) 打开一个新窗口

close()方法:关闭一个窗口。

HTML部分:

<input type="button" value="打开窗口">
<input type="button" value="关闭窗口">
<input type="button" value="关闭新窗口">

JS部分:

window.onload = function() {
    var aInput = document.getElementsByTagName(‘input‘);
    var opener = null;

    aInput[0].onclick = function() {

        //open(地址默认是空白页面,打开方式默认新窗口) 打开一个新窗口
        window.open(‘http://www.baidu.com‘, ‘_self‘);

        opener = window.open();//返回值 返回的新开页面的window对象

        //alert(opener == window)

        //opener.document.body.style.background = ‘#CCC‘;

    };

    aInput[1].onclick = function() {

        window.close();
        /*
        ff : 无法关闭
        chrome : 直接关闭
        ie : 询问用户
        */

    };

    aInput[2].onclick = function() {
        opener.close();    //可以通过关闭用window.open方法打开的窗口
    };
};
时间: 2024-10-05 08:00:26

javascript——BOM的open()和close()的相关文章

javascript bom知识点

javascript bom知识点指(Brower Object Model)浏览器对象模型.打开.关闭窗口window.openwindow.close常用属性[可以试着在chrome的调试窗口下把下面的代码输入,看看他都包含哪些东西]window.navigator.userAgentwindow.location关于浏览器而言,恐怕我们需要去明白的一个是[窗口尺寸.工作区尺寸]可视区尺寸[顾名思义就是指我们可以看到的那个窗口]document.documentElement.clientW

JavaScript BOM对象介绍

bom:即broswer object model(浏览器对象模型),由五个对象组成:        Window:对象表示浏览器中打开的窗口 最顶层对象.       Navigator :浏览器对象.       Screen: 屏幕对象       History:浏览器历史对象       Location:地址对象. <!DOCTYPE html> <html> <head> <title>JavaScript BOM对象</title>

JavaScript BOM

JavaScript特性: 交互性 安全性(不可以直接访问本地硬盘) 跨平台性(只要是可以解析js的浏览器都可以执行,和平台无关) JavaScript三大核心: 1)核心(ECMAScript):描述了JS的语法和基本对象. 2)文档对象模型 ☆(DOM):处理网页内容的方法和接口 3)浏览器对象模型(BOM):与浏览器交互的方法和接口 BOM对象: 1. DOM 是 W3C 的标准: [所有浏览器公共遵守的标准] 2. BOM 是 各个浏览器厂商根据 DOM 在各自浏览器上的实现;[表现为不

Javascript BOM对象

BOM是browser object model的缩写,简称浏览器对象模型. window对象(BOM的核心对象) 表示浏览器的一个实例,在浏览器中,window对象有着双重角色,它既是通过Javascript访问浏览器窗口的一个借口,优势ECMAScript规定的Global对象.这意味着在网页定义中的任何一个对象.变量.函数,都以window作为其Global对象,因此有权访问parseInt()等方法. 在全局作用域声明的变量.函数都会变成window对象的属性和方法. 差别:全部变量不能

[TimLinux] JavaScript BOM浏览器对象模型

1. 简介 ECMAScript是JavaScript的核心,但是如果要在WEB中使用JavaScript,那么BOM则无疑才是真的的核心.BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关.BOM没有标准,各浏览器厂商间定义的公共对象,可以作为事实上的标准存在.W3C在HTML5中把BOM纳入了规范中. 2. window对象 window对象:表示浏览器的一个实例.window的双重角色:通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Gl

JavaScript BOM和DOM

Browser Object Model BOM是所有JavaScript的核心,所有的功能其实都建立在BOM基础之上.各浏览器提供的BOM的功能存在很大差异,BOM在HTML5中已经有很大一部分被放入了标准. Window对象 window对象代表全局作用域. 如果页面包括frame,则每个frame都有自己的window对象. window.open()可以打开新的窗口(或tab页) location对象 主要管理地址栏中的信息: console.log(window.location ==

前端 JavaScript BOM &amp; DOM

内容目录: 1. BOM 2. DOM BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行"对话". DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素. 一.BOM 1.1 windows对象 所有浏览器都支持 window 对象.它表示浏览器窗口. 所有 JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员. 全局变量是 wind

JavaScript——BOM(浏览器对象模型),时间间隔和暂停

BOM(浏览器对象模型):可以对浏览器的窗口进行访问和操作 1.基本的BOM体系: window------------document------------------------------------------anchors | | --frames ----forms | | --history ----images | | --location(浏览器地址)  ----links | | --navigator(获取浏览器信息) ----location | --screen(屏幕

08.30 javascript BOM &amp;DOM

# BOM(浏览器对象模型) ## window #### 定义 * window是js在浏览器环境中 全局变量 * 函数就是window的方法 * 全局变量就是window的属性 #### 属性 * document * location * history * screen * navigator * innerWidth   文档区域宽度 * innerHeight  文档区域高度 * outerWidth   浏览器窗口宽度 * outerHeight  浏览器窗口高度 * name 窗