Javascript 笔记与总结(2-5)window 对象

浏览器 window 对象(BOM)是浏览器宿主对象,和 js 语言无关。

【window 对象的方法】

window.alert(message);
window.confirm(message);
window.prompt(message[,defaultstr]);
window.close(); 关闭窗口
window.print(); 打印

window.setIntval(表达式,毫秒)
window.clearIntval(定时器对象)
window.setTimeout(表达式,毫秒)
window.clearTimeout(定时器对象)

【window 对象的子对象】

▲navigator 浏览器信息对象
    △appCodeName 内部代码
    △appName 浏览器名称
    △appVersion 浏览器版本
    △platform 操作系统类型
    △userAgent 用户代理信息
    △cookieEnabled 是否支持 cookie

▲ location 地址栏对象
    △host 主机
    △port 端口
    △href 地址
    △pathname 路径
    △protocol 协议
    △search 查询字符串
    △assign(url) 页面跳转

▲ history 历史记录
    △length 历史记录的数目
    △back();
    △foeward();
    △ go();

▲ screen 屏幕对象
    △height 高度
    △width 宽度
    △availHeight 可用高度
    △availWidth 可用宽度
    △colorDepth 颜色

▲ document HTML 文档对象
即 HTML 代码形成的对象,可动态改变页面的内容

【例】navigator 对象

<script>
console.log(window.navigator);
</script>

输出:

【例】location 对象

<script>
console.log(window.location);
</script>

输出:

search 代表参数,例如 ?id=3

跳转:

window.location.href = ‘*******.html‘

【例】document 对象(DOM 对象,window 对象的子对象)

<script>
console.log(window.document);
</script>

输出:

时间: 2024-10-17 03:01:05

Javascript 笔记与总结(2-5)window 对象的相关文章

JavaScript学习4:BOM之window对象

BOM也叫做浏览器对象模型,它提供了很多对象,用于访问浏览器的功能.BOM缺少规范,每个浏览器提供商又按照自己的想法去扩展它,那么浏览器共有的对象就成了事实的标准,所以,BOM本身是没有标准的或者说是还没有哪个组织去为它制定标准. 本文我们主要来看BOM中的核心对象:Window对象 Window对象是BOM的核心对象,它表示浏览器的一个实例.Window对象处于JavaScript结构的最顶层(如下图所示),对于每个打开的窗口,系统都会自动为其定义window对象. 1 对象的属性和方法 Wi

JavaScript之DOM-6 BOM概述 、Window对象(Window对象概述、窗口与对话框、定时器)

一.BOM 概述 BOM 概述 - DHTML 对象模型回顾 BOM 概述 - BOM: Browser Object Model,浏览器对象模型,用来访问和操纵浏览器窗口,使 JavaScript 有能力与浏览器"对话" - 通过使用 BOM,可移动窗口.更改状态栏文本.执行其他不与页面内容发生直接联系的操作 - 没有相关标准,但被广泛支持 BOM 模型 - BOM 模型主要包括如下对象 二.Window 对象概述 Window 对象概述 - window 对象表示浏览器中打开的窗口

Javascript 笔记与总结(2-8)对象2

注意:标签属性与 DOM 对象属性的对应关系,绝大部分 2 者是相同的,例如 imgobj.src 属性对应 <img src=""> 中的 src 属性 例外:<div class="">中操作 class 属性用 divobj.className css 属性与 DOM 对象属性的对应关系,2 者通过 obj.style.css 属性名相对应,例如: obj.style.width obj.style.background 如果 css

Javascript 笔记与总结(2-7)对象

html: <h1>找对象</h1> <div id="div1"> <p>p1</p> <p>p2</p> <p>p3</p> </div> <div class="div2"></div> <input type="text" name="username"> js:

JS的Window对象

Window顾名思义就是窗口, JavaScript Window 就是浏览器对象模型 , 作用是使JavaScript 有能力与浏览器"对话". Window 对象 所有浏览器都支持 window 对象.它表示浏览器窗口. 所有 JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员. 全局变量是 window 对象的属性. 全局函数是 window 对象的方法. 甚至 HTML DOM 的 document 也是 window 对象的属性之一: windo

JavaScript权威设计--Window对象之Iframe(简要学习笔记十四)

1.Window对象属性的文档元素(id) 如果在HTML文档中用id属性来为元素命名,并且如果Window对象没有此名字的属性,Window对象会赋予一个属性,它的名字是id属性的值,而他们的值指向表示文档元素的HTMLElement对象. Window对象是以全局对象的形式存在于作用域链的最上层,这就意味着HTML文档中使用的id属性会成为可以被脚本访问的全局变量. 如: <button id="but"/> 就可以通过全局变量but来引用此元素. 2.多窗体窗口(if

JavaScript权威设计--Window对象(简要学习笔记十三)

1.Window对象是所有客户端JavaScript特性和API的主要接入点. Window对象中的一个重要属性是document,它引用Document对象. JavaScript程序可以通过Document对象和它包含的Element对象遍历和管理文档. 2.URL中的JavaScript 在URL后面跟一个JavaScript:协议限定符.里面的代码会作为JavaScript代码进行运行,需用分号分割. 如: <a href="javascript:alert('OK!')"

《Javascript权威指南》学习笔记之十五:BOM之源---window对象

BOM是Browser Object Model的缩写,即浏览器对象模型,提供了独立于网页内容和浏览器窗体之间进行交互的APi.API由若干对象组成,因为浏览器是Javascript的宿主,因此,这些对象也称为宿主对象. 一.定时器--间隔调用和延迟调用 1.setInterval()和clearInterval()方法实现间隔调用(循坏调用) setInterval(code,millisec[,"lang"]):依照指定的周期(以毫秒计)来调用函数或计算表达式,直到 clearIn

JavaScript Window 对象笔记

Window 对象 所有浏览器都支持 window 对象.它表示浏览器窗口. 所有 JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员. 全局变量是 window 对象的属性. 全局函数是 window 对象的方法. 甚至 HTML DOM 的 document 也是 window 对象的属性之一: window.document.getElementById("header"); 与此相同: document.getElementById("h