一.BOM (浏览器对象模型) 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话". Window 对象 1.window.onresize // 1 window.innerHeight - 浏览器窗口的内部高度(包括滚动条) window.innerWidth - 浏览器窗口的内部宽度(包括滚动条) // 2 document.documentElement.clientHeight document.documentElement.clientWidth…

BOM(Browser Object Model): feature: 1.BOM has no relevant standards. 2.The fundamental object of BOM is window. explain: We can know that BOM is closely related to the browser from it's name. Many things in the browser can be controlled through JavaS…

title: JavaScript BOM DOM 对象 tags: JavaScript --- browser object model document onject model BOM对象 window对象 所有浏览器都支持 window 对象. 概念上讲.一个html文档对应一个window对象. 功能上讲: 控制浏览器窗口的. 使用上讲: window对象不需要创建对象,直接使用即可. Window 对象方法 alert() 显示带有一段消息和一个确认按钮的警告框. confirm(…

地址:https://www.cnblogs.com/JetpropelledSnake/p/9450810.html bom&dom:https://www.cnblogs.com/wangxiang9528/p/9855358.html ecmascript:https://www.cnblogs.com/maomaodesu/p/12025333.html…

http://www.cnblogs.com/yexiaochai/archive/2013/05/28/3102674.html DOM Document Object Model 文档对象模型 一个Window对象有一个document属性引用了Document对象 Document对象表示窗口内容,他是一个巨大的API中的核心对象,他代表操作文档的内容BOM  浏览器对象模型 Browser Object Model  说白点就是window这个东东:表示浏览器的一个实例,是访问浏览器窗口…

BOM                Screen对象 console.log(window.width);//屏幕宽度 console.log(window.height);//屏幕高度 console.log(window.availWidth);//屏幕可用宽度 console.log(window.availHeight);//屏幕可用宽度 ★  location对象 取到浏览器的URL地址信息: 完整的URL路径: 协议名://主机名(IP地址):端口号/文件所在路径?传递参数(nam…

BOM对象 BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作.使用 BOM,开发者可以移动窗口.改变状态栏中的文本以及执行其他与页面内容不直接相关的动作. 简而言之就是使 JavaScript 有能力与浏览器"对话". Window 对象 alert() 显示带有一段消息和一个确认按钮的警告框. confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框. prompt() 显示可提示用户输入的对话框. open() 打开一个新的浏览器窗口或查找一个已命名的窗口. cl…

BOM (Browser Object Model)浏览器对象模型,控制浏览器的一些行为 window对象 代表一个HTML文档 属性 页面导航的5个属性 self, parent, top, opener, frames 方法 弹出对话框 3个: alert, confirm, prompt 页面定时器. setInterval, clearInterval, setTimeout, clearTimeout 窗口打开关闭 open,  close History 浏览器的历史记录   前进,…

BOM(浏览器对象模型) 1. location相关 . location.href 获取当前url . location.href="http://www.sogo.com" 跳转到指定页面 . location.reload() 重新加载页面 2.定时器&延时器 timer_obj = windows.setInterval(function(){...},time) 注:time的单位是毫秒 windows.clearInterval(timer_obj) 用于清除定时器…

一.DOM 1. 什么是DOM 文档对象模型 Document Object Model 文档对象模型 是表示和操作 HTML和XML文档内容的基础API 文档对象模型,是W3C组织推荐的处理可扩展标记语言的标准编程接口 2. DOM分类 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML 文档的标准模型 二.节点 2.1 什么是节点 文档中的每一个部分都是节点,包括document 元素  属性 文本... 2…

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

. BOM . location相关 . location.href . location.href="http://www.sogo.com" . location.reload() . DOM . DOM树的概念 . JS通过DOM操作HTML . 改标签(标签的内容) . 改标签的属性 . 改样式 . 事件相关 . 操作标签 . JS查找标签 . 直接查找 . 通过ID document.getElementById("ID值") . 通过class找 doc…

1.事件 1.1 事件绑定 # 1.写在html元素中 <button onclick='code'></button> # 2.把事件当作元素对象的方法 btnEle.onclick=function(){ code... } # 3.事件监听 btnEle.addEventListener('click',function(){ },false) false表示冒泡阶段触发(默认) 1.2 事件的捕获和冒泡 捕获阶段:从祖元素到子元素 冒泡阶段:从子元素到祖元素 事件默认在冒泡…

window 是所有BOM中所有对象的核心. window 的属性 window.self代表自己本身,相当于window. eg: console.log(window.self === window); window.parent 返回父窗口. eg:    console.log(window.parent); window.top返回最顶层的窗口. eg:    console.log(window.to); winddow.opener指向窗口的开启者 eg:    console.l…

DOM 是为了操作文档出现的 API,document 是其的一个对象:BOM 是为了操作浏览器出现的 API,window 是其的一个对象. BOM是浏览器对象模型,DOM是文档对象模型,前者是对浏览器本身进行操作,而后者是对浏览器(可看成容器)内的内容进行操作 归DOM管的: E区(就是你说的document啦.由web开发人员呕心沥血写出来的一个文件夹,里面有index.html,CSS和JS什么鬼的,部署在服务器上,我们可以通过浏览器的地址栏输入URL然后回车将这个document加载到…

一.BOM对象介绍 BOM对象:Browser Object Model 浏览器对象模型.把整个浏览器当做一个对象来处理. 一个浏览器对象中又包含了其他的对象. 重点介绍:window.history.location. 1..window对象 window对象是全局对象, (1) 可以把window的属性作为全局变量来使用, 如 document,而不必写window.document; (2) 可以把window的方法作为函数来使用,如 alert(), 而 不必写 window.alert…

BOM对象 window对象 所有浏览器都支持 window 对象.概念上讲.一个html文档对应一个window对象.功能上讲: 控制浏览器窗口的.使用上讲: window对象不需要创建对象,直接使用即可. Window 对象方法 alert() 显示带有一段消息和一个确认按钮的警告框. confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框. prompt() 显示可提示用户输入的对话框. open() 打开一个新的浏览器窗口或查找一个已命名的窗口. close() 关闭浏览器窗…

*** 目录 *** 1. BOM 学习 2. DOM 学习 3. jQuery 学习 *** END *** 1. BOM BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话” 1.1.window 对象 Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用.例如:window.document.wr…

BOM 浏览器对象模型, 用于把浏览器相关的组件封装为对象进行操作. BOM是包含了DOM的. window对象 弹出框相关 确认: 取消: 与打开关闭window有关的方法 定时器相关 暂停选老婆 location对象 1. 创建(获取): 1. window.location 2. location 2. 方法: * reload() 重新加载当前文档.刷新 3. 属性 * href 设置或返回完整的 URL. href 用于获取或指定当前页面的url 可以用于页面跳转 history对象…

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

BOM和DOM简介 BOM,Browser Object Model ,浏览器对象模型. BOM主要提供了访问和操作浏览器各组件的方式. 浏览器组件:   window(浏览器窗口)   location(地址栏)   history(浏览历史)   screen(显示器屏幕)   navigator(浏览器软件)   document(网页) DOM,Document Object Model,文档对象模型. DOM主要提供了访问和操作HTML标记的方式. HTML标记:   图片标记   表…

一.介绍 BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行"对话". DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素. 二.window对象 1.一些常用的window方法 window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 window.open() - 打开新窗口 window.…

js//获取文件标题 document.body //body document.title //网页标题 document.doctype//文档对象 document.url//路径 //服务器相关 //align document.domain//域名 //---操作文本节点--- //获取父节点 var arrayObj = document.getElementsByTagName('div'); for(var i = 0 in arrayObj){ alert(arrayObj[i…

string对象 定义一个字符: var str = "world"; str.length    返回字符长度,5 str.charAt(2) 返回字符串第2个字符(从0开始,下同) str.substr(a,b) **从第a位开始,截取b个字符 str.substring(a,b) **截取从第a位到第b-1位的字符 str.indexOf(“r”) 返回指定字符在str最先显示的位置,2 str.lastIndex("r") 返回指定字符在str最后显示的位置…

加给元素: offsetLeft(距离定位父级的距离)/offsetTop(距离定位父级的距离)/offsetWidth(可视宽度)/offHeight(可视高度) clientLeft(左边框宽度)/clientTop(上边框宽度)/clientWidth(width+padding)/clientHeight(height+padding) getBoundingClientRect() 返回值对象 left (元素左侧相对于可视区左上角的距离) right(元素右侧相对于可视区左上角的距离…

setTimeout(js,時間)  js处 应该放一个函数 不能放 alert  confirm 等 (否则延时会失效) setTimeout()   和 setInterval() 的区别:   一次  和  多次 的区别.…

javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异.JavaScript=语法+BOM(含DOM) [关系之理解] BOM>DOM 1 DOM 是 W3C 的标准: [所有浏览器公共尊守的标准]2 BOM 是 各个浏览器厂商根据 DOM 在各自浏览器上的实现: [表现为不同浏览器定义有差别,实现方式不同]3 window 是 BOM 对象,而非 js 对象: 完整的JavaScript是由ECM…

DOM介绍 D(文档)可以理解为整个Web加载的网页文档,O(对象)可以理解为类似window对象只来的东西,可以调用属性和方法,这里我们说的是document对象,M(模型)可以理解为网页文档的树形结构,DOM树由节点构成 节点种类:元素节点.文本节点和属性节点 DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API).DOM代表着被加载到浏览器窗口里的当前网页:浏览器向我们提供了当前网页的地图(或者说模型),而我们可以通过js去读取这张地图. BOM 主要处理浏览器窗口和框架…

ECMA > DOM > BOM ECMA是JS的核心,语法.变量.对象.各种对象的API.作用域.原型链.闭包.This指向.构造函数等等必须要熟练,有了这些基础你才能去熟练的操作DOM.BOM DOM顾名思义是操作DOM元素,用JS获取.控制DOM元素的一些属性 BOM就是操作浏览器相关的东西,如获取设备信息.屏幕信息.地址栏信息等 JS就是由这三个模块构成,脑海里要有这个场景,他们的构成!…

DOM 和  BOM DOM: DOM= Document Object Model,文档对象模型,DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构.换句话说,这是表示和处理一个HTML或XML文档的常用方法.有一点很重要,DOM的设计是以对象管理组织(OMG)的规约为基础的,因此可以用于任何编程语言.最初人们把它认为是一种让JavaScript在浏览器间可移植的方法,不过DOM的应用已经远远超出这个范围.Dom技术使得用户页面可以动态地变化,如可以动态地显示或隐藏一个元素,…