JavaScript系列--BOM（一）

一、概述

JS由一下几个部分组成 学习BOM要先了解一下事件DOM的基础知识

ECMAScript 脚本语言的基本语法和一些常用对象

BOM

DOM

1.事件

1.1DOM

文档对象模型

1.2功能

控制html文档内容

1.3代码

获取页面标签 元素 对象 Element

document.getElementById(“id值”) 通过元素的id

1.4操作Element对象

1.修改属性值

明确获取的对象是哪一个

查看API文档 找其中有哪些属型可以设置

2.修改标签体内容

属型 innerHTML

 body 

 !-- img id one src ../image/2.jpeg -- 

 h1 title title 妻不知刘强东 /h1 

 script 

 // var img1 document.getElementById(one);

 // alert( 换图片了哦 

 // img1.src ../image/3.jpeg 

 var title document.getElementById( title 

 alert( 换字了 

 title.innerHTML 哈哈哈 

 /script 

 /body 

1.5事件

1.5.1概念

某些组件被执行了某些操作后 触发某些代码的执行

造句 XXX被XXX 我就XXX

我方水晶被摧毁后 我就责备对象

1.5.2如何绑定事件

直接在html标签上

 img id img1 src ../img/1.jpg onclick fun(); 

 img id img2 src ../img/2.jpg 

 script 

 function fun(){

 alert( w c 

 alert( ? 

 function fun2(){

 alert( what happen? 

 alert( ? 

 var img1 document.getElementById( img2 

 img1.onclick fun2;

 /script 

1.5.3综合实例

实现图片点一次切换一次

 body 

 img id 1 src ../img/1.jpg 

 script 

 //1.获取图片对象

 // flag flase;这个地方错五 没有提示看不出来怎么办 浏览器打开之后按f12进入控制台会有提示

 flag true;

 var str document.getElementById(1);

 str.onclick function (){

 if (flag){

 str.src ../img/2.jpg 

 flag false;

 }else{

 str.src ../img/1.jpg 

 flag true;

 /script 

 /body 

JavaScript中的重要组成部分之BOM对象 JavaScript中的BOM（浏览器对象模型）是指浏览器提供的用于控制浏览器窗口和页面内容的对象集合。BOM包含多个对象，其中一些最常见的包括window、location、history、navigator和screen。
【前端】JavaScript(JS)的BOM对象(JS的Browser对象)----什么是BOM对象? JavaScript(JS)的BOM对象(JS的Browser对象)----什么是BOM对象：Browser Object Model 浏览器对象模型：将浏览器的各个组成部分封装成对象。
简单认识JavaScript的BOM对象 简单认识JavaScript的BOM对象 前面JavaScript中DOM的学习基本已经结束了。今天开始我们学习一下JavaScript中的BOM。 BOM(浏览器对象模型) Browser Object Model 所有有的浏览器都支持window对象， 浏览器的窗口 window对象是js的最高级 / 顶级对象。 所有js的全局对象, 变量, 函数 自动变成window对象的成员 全局变量相当于window对象的属性。 全局函数相当于window对象的方法。 a = 10; console.log(window.a);/
JavaScript—BOM的相关对象。 BOM即浏览器对象模型（browserobjectmodel），其提供了一系列接口供开发者使用JavaScript与浏览器窗口进行交互。BOM没有自己的标准，在浏览器中window对象就是BOM相关内容的入口。