day 52 js学习 DOM 和BOM

【day 52 js学习 DOM 和BOM】的更多相关文章

day 52 js学习 DOM 和BOM

前戏到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识. JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器窗口对象模型,顶级对象是window. DOM (Document Object Model)是指文档对象模型,并非一个对象. window.document都…

JS学习四（BOM DOM）

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

JS中DOM以及BOM

一.bom对象 1screen对象 console.log(screen.width);// 屏幕宽度 console.log(screen.height);// 屏幕高度 console.log(screen.availWidth); //可用宽度 console.log(screen.availHeight); //可用高度=屏幕高度-底部任务栏 2location对象完整的URL路径:协议://主机名(IP地址):端口号/文件路径?传递参数(name1=value1&name2=valu…

JS的DOM和BOM

* JavaScript分三个部分: ECMAScript标准:JS的基本的语法 DOM:Document Object Model --->文档对象模型----操作页面的元素 BOM:Browser Object Model----->浏览器对象模型---操作的是浏览器一.DOM对象文档:把一个html文件看成是一个文档,由于万物皆对象,所以把这个文档看成是一个对象 1.1 什么是HTML DOM HTML Document Object Model(文档对象模型) HTML DOM…

js之 DOM与BOM

JavaScript HTML DOM (文档对象模型)(Document Object Model) 什么是DOM? DOM是W3C标准. DOM定义了访问文档的标准: “W3C文档对象模型(DOM)是一个平台和语言中立的接口,允许程序和脚本动态访问和更新文档的内容,结构和样式.” W3C DOM标准分为3个不同的部分: 核心DOM - 所有文档类型的标准模型 XML DOM - XML文档的标准模型 HTML DOM - HTML文档的标准模型什么是HTML DOM? HTML DOM是H…

js学习--DOM操作详解大全一（浏览器对象）

一.客户端中的window对象 window对象表示当前浏览器的窗口,它是一个顶级对象,我们创建的所有对象.函数.变量都是window对象的成员. window对象自带了一些非常有用的方法.属性. window的子对象: document:可操作显示在窗口的文档内容. location:可让窗口载入新的URL. navigator:包含当前浏览器的信息. history:包含当前浏览器的历史. window的方法: open():打开一个新的窗体. close():关闭窗体. window对话框…

js关于DOM和BOM

关于BOM和DOM BOM 下面一幅图很好的说明了BOM和DOM的关系 BOM提供了一些访问窗口对象的一些方法,我们可以用它来移动窗口位置,改变窗口大小,打开新窗口和关闭窗口,弹出对话框,进行导航以及获取客户的一些信息如:浏览器品牌版本,屏幕分辨率.但BOM最强大的功能是它提供了一个访问HTML页面的一入口——document对象,以使得我们可以通过这个入口来使用DOM的强大功能!!! window对象是BOM中所有对象的核心.window对象表示整个浏览器窗口,但不必表示其中包含的内容.此外,…