【window子对象】的更多相关文章

window子对象

Window 子对象 (1)Location 对象 Location 对象包含有关当前 URL(统一资源定位符) 的信息.(Uniform Resource Location) Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问. location.hostname 返回当前 URL 的主机名. location.pathname 返回当前 URL 的路径部分. location.protocol 返回当前 URL 的协议. locatio…

JavaScript---Bom树的操作,内置方法和内置对象(window对象,location对象,navigator对象,history对象,screen对象)

JavaScript---Bom树的操作,内置方法和内置对象(window对象,location对象,navigator对象,history对象,screen对象) 一丶什么是BOM ​      Bom:Browser Object Model,浏览器对象模型.操作浏览器部分的功能的API(事件/函数). 结构图:    分析:1.window对象是Bom的顶层对象.所有的对象都是从windom延伸出来的,称其为window子对象.        2.dom是bom的一部分        3.…

BOM （Browser Object Model） 浏览器对象模型

l对象的角色,因此所有在全局作用域中声明的变量/函数都会变成window对象的属性和方法; // PS:尝试访问未声明的变量会抛出错误,但是通过查询window对象,可以知道某个可能未声明的对象是否存在; var newValue = oldValue; // =>ReferenceError:oldValue is not defined; var newValue = window.oldValue; // =>undefined; 1.window对象的属性和方法window对象有一系列…

浏览器对象模型BOM（Browser Object Model）

1.结构 BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C(WHATWG,WebHypertextApplicationTechnologyWorkingGroup——网页超文本应用程序技术…

js实现浏览器兼容复制功能

经常看到这样一种效果:就是单击一个按钮,就将某个区域内的内容,复制到了剪切板中.其实这个功能实现起来也不难,核心就是用到了window子对象clipboardData的一个方法:setData()语法:    clipboardData.setData(sDataFormat, sData)参数:sDataFormat:要复制的内容的格式:sData:要复制的内容.返回值:复制成功返回true:失败返回false. <script language="JavaScript">…

BOM（2）

Window 子对象 (1)Location 对象 Location 对象包含有关当前 URL(统一资源定位符) 的信息.(Uniform Resource Location) Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问. location.hostname 返回当前 URL 的主机名. location.pathname 返回当前 URL 的路径部分. location.protocol 返回当前 URL 的协议. locatio…

javascript快速入门之BOM模型—浏览器对象模型(Browser Object Model)

什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C(WHATWG,WebHypertextApplicationTechnologyWorkingGroup--网页超文本应用程…

前端基础之DOM和BOM

前端基础之DOM和BOM JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”. DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素. Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window…

javascript 常用对象

<!doctype html> <head> <script type="text/javascript"> /* ps:需要注意的是部分的方法是区分大小写的比如Math 00x1 string 字符串对象 length 属性长度 concat(string) 连接两个或者更多个字符串 indexOf('hello',string) 返回出现的字符位置,如没找到返回-1 案例: var str = "hello world"; a…

前端之JavaScript（二）

一.概述 本篇主要介绍JavaScript的BOM和DOM操作,在前端之JavaScript(一)中介绍了JavaScript基础知识 1.1.BOM和DOM BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”. DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素. Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的…

javascript快速入门13--BOM——浏览器对象模型(Browser Object Model)

什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C(WHATWG,WebHypertextApplicationTechnologyWorkingGroup——网页超文本应用程…

BOM——浏览器对象模型(Browser Object Model)

什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C(WHATWG,WebHypertextApplicationTechnologyWorkingGroup——网页超文本应用程…

JS基础之BOM对象

BOM 对象 JavaScript分为 ECMAScript,DOM,BOM. BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作.使用 BOM,开发者可以移动窗口.改变状态栏中的文本以及执行其他与页面内容不直接相关的动作.使 JavaScript 有能力与浏览器“对话”. DOM (Document Object Model)是指文档对象模型,并非一个对象.window.document都是一个实例对象,他们都属于Object,表示浏览器中打开的窗口. 1. window对象 windo…

浏览器对象模型bom的作用是什么？

浏览器对象模型bom的作用是什么? 零.总结 1.BOM提供了独立于内容而与浏览器窗口进行交互的对象 2.BOM提供了一些访问窗口对象的一些方法,我们可以用它来移动窗口位置,改变窗口大小,打开新窗口和关闭窗口,弹出对话框,进行导航以及获取客户的一些信息如:浏览器品牌版本,屏幕分辨率.但BOM最强大的功能是它提供了一个访问HTML页面的一入口——document对象,以使得我们可以通过这个入口来使用DOM的强大功能!!! 一.什么是BOM? BOM是Browser Object Model的缩写,…

BOM和DOM操作

目录 BOM window对象 window子对象 location 弹出框 计时 history navigator DOM 查找节点 直接查找 间接查找 节点操作 创建节点 添加节点 删除节点 替换节点 属性节点 获取用户输入 操作标签class属性 操作标签样式 事件 常用事件 绑定事件 BOM Browser Object Model 浏览器对象模型 window对象 window.innerHeight 获取窗口高度 window.innerWidth 获取窗口宽度 window.op…

Web基础--JavaScript入门

一.JavaScript 1.什么是JavaScript(JS) (1)JavaScript是嵌入HTML中的代码,在浏览器中执行的脚本语言,具有与Java和C语言类似的语法.(2)一种网页编程技术,用来向HTML页面添加交互行为.(3)直接嵌入HTML页面中.(4)由浏览器解释代码并执行代码,不进行预编译.注: JS是脚本语言,即没有编译器.JS与Java没有任何关系.JS是基于对象的,Java是面向对象的. 面向对象:是先有一个抽象的对象描述(类), 然后根据这个描述去构建新的对象(实例化对…

day 48

目录 js BOM(浏览器对象模型) window对象 window子对象 弹出框 计时事件 DOM(文档对象模型) 查找标签 节点操作 事件 常用事件 绑定方式 jQuery jQuery介绍 jQuery的优势 jQuery初识 js BOM(浏览器对象模型) 由上图可知,window对象是BOM的核心对象,所有对象都是通过它延伸出来的,也可以称为window的子对象. DOM是BOM的一部分 window对象 所有浏览器都支持window对象,它表示浏览器的接口. 常用window方法 w…

javaScript之DOM,BOM

javaScript之BOM / DOM: BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行"对话". DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素. Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用 所有浏览器都支持 wind…

第四章、前端之BOM和DOM

目录 第四章.前端之BOM和DOM 一.解释BOM和DOM 二.window对象 三.window子对象 四.弹出框 五.计时相关 六.HTML的DOM树 七.查找元素 八.节点操作 九.JS操作CSS属性的规律 十.事件 十.案例 第四章.前端之BOM和DOM 一.解释BOM和DOM BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行"对话". DOM (Document Object Model)是指文档对象模型,通…

BOM笔记

目录 BOM (浏览器对象模型) 简介 window对象 子对象 history 子对象 lacation 子对象 navigator 子对象 screen 子对象 frames BOM (浏览器对象模型) 简介 作用:提供了独立的内容与浏览器窗口进行交互,因为BOM的核心功能是管理窗口和窗口之间的通讯.所以说BOM当中核心对象是window. BOM里面包括了诸多对象,由这些对象共同构成了BOM,这诸多的对象当中提供了很多方法 和属性就是BOM实现功能的依据. BoM最初是NetScape浏览…

【前端之BOM和DOM】

" 目录 #. window对象介绍 #. window子对象 1. 浏览器对象 navigator 2. 屏幕对象 screen 3. 历史 history 4. 地址(URL)  location 5. 弹出框 /. 警告框 alert /. 确认框 confirm /. 提示框 prompt 6. 计时相关 /. 一次性 setTimeout() /. 周期性 setInterval() #. DOM 1. 查找标签 document /. 直接查找 /. 间接查找 2. 节点操作 /.…

day55 js进阶

目录 引子 一.BOM操作 1 window对象 2 window子对象 3 history对象 4 location对象(掌握) 5 弹出框 6 计时器相关 二.DOM操作 1 查找标签 1.1 直接查找(必须掌握) 1.2 简介查找(熟悉) 2 节点操作 3 获取值操作 4 class.css操作 三.事件 引子 BOM 浏览器对象模型(Browser Object Model) js代码操作浏览器 DOM 文档对象模型(Document Object Model) js代码操作html标签…

07：JS（03）

BOM与DOM操作 # 截至目前为止 我们虽然已经学会了js语法 但是你会发现跟浏览器和html文件还是一点关系没有 """ BOM 浏览器对象模型 Browser Object Model js代码操作浏览器 DOM 文档对象模型 Document Object Model js代码操作标签 """ BOM操作 # window对象 window对象指代的就是浏览器窗口 ​ window.innerHeight 浏览器窗口的高度 900 win…

js对象方法

Number对象方法 toFixed() 方法 toFixed()方法返回的是具有指定位数小数的数字的字符串表示.例如: var oNumberObject = new Number(68); alert(oNumberObject.toFixed(2)); //输出 "68.00" toExponential() 方法 它返回的是用科学计数法表示的数字的字符串形式. 与toFixed()方法相似,toExponential()方法也有一个参数,指定要输出的小数的位数. var oNu…

JS快速入门（二）

目录 JS快速入门(二) 结构图 BOM window对象 open() window子对象 location对象 history对象(了解) navigator 对象 screen对象 BOM 定时器 定时器方法 setTimeout(代码字符串或函数, 等待的毫秒数, 参数 1, 参数 2-) setInterval(代码字符串或函数, 运行间隔毫秒数,参数 1, 参数 2-) 弹框 DOM DOM结构及节点 常用节点获取方法和属性 获取节点的方法(直接查找) 通过属性获取节点方法(间接查找…

06 jQuery

BOM和DOM 1. 什么是BOM和DOM 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识. JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行"对话". DOM (Document Object M…

05 BOM与DOM

BOM和DOM 1. 什么是BOM和DOM 到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识. JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行"对话". DOM (Document Object M…

利用window对象下内置的子对象实现网页的刷新

这里我们用到的window对象下内置的子对象有:     1.history对象:包含浏览器访问过的url.我们可以利用它的history.go(num);属性实现页面的刷新:           history.go(num);        //跳转到指定num的历史记录,num为正向前跳转,num为负,向后跳转,跳转数为num: 但当我们将num设为0时,即:history.go(0);跳转到当前页面,即可实现对当前页面的刷新:              2.location对象:包含当前…

JavaScript(四) Window窗体操作

window: 属性(值或者子对象):opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null,可以利用这个属性来关闭源窗口. 方法(函数):事件(事先设置好的程序,被触发): 1.window.open("第一部分","第二部分","第三部分","第四部分"): 特征参数: 第一部分:写要打开的页面地址第二部分:打开的方式,_blank 是在新窗口打开第三部分:控制打开的窗口,可以写多…

document与window的区别

[window对象] 它是一个顶层对象,而不是另一个对象的属性,即浏览器的窗口. 属性 defaultStatus 缺省的状态条消息 document 当前显示的文档(该属性本身也是一个对象) frame 窗口里的一个框架((FRAME>)(该属性本身也是一个对象) frames array 列举窗口的框架对象的数组,按照这些对象在文档中出现的顺序列出(该属性本身也是一个 对象) history 窗口的历史列表(该属性本身也是一个对象) length 窗口内的框架数 location 窗口所显示…