JavaScript——常见的JS浏览器操作

字数统计354

本文主讲内容：认识JavaScript、常见的JS浏览器操作

认识JavaScript

JavaScript 都包括什么？

JavaScript包括三部分如下：

ECMAScript：JavaScript的核心语法【变量、控制语句、函数、对象等】

DOM编程：Document Object Modle【页面对象模型】，对网页的组件结点进行增删改的过程，整个网页是由一个一个结点元素组成，这些结点元素统称为DOM树！

核心实例代码：var elmObj = document.getElementById（“指定节点的id属性值”） 【通过id属性值获取指定节点对象】

BOM编程：Browser Object Modle【浏览器对象模型】，对浏览器窗口进行编程，例如浏览器页面的前进、后退、刷新，关闭浏览器窗口等等操作

JS 中 DOM 与 BOM 的联系与区别

两者的区别：

DOM：DOM的顶级对象是 JS 中内置的 window
BOM：BOM的顶级对象是 JS 内置的 document

两者的联系：BOM其实包括DOM，因为 document.getElemetById（…..）可以写成 window.document.getElemetById（…..），window省略了！

DOM与BOM两者关系图：

image-20211006212923877

常见的 JS 浏览器操作

window.alert（“啦啦啦啦”）：在浏览器内出现弹窗，弹窗值为“啦啦啦啦”

window.promut（“请输入你要的值：”60）：在浏览器内出现输入框，输入框内的默认值为 60

image-20211006213032820

常见的 JS 浏览器页面操作

document.write（“浏览器页面要显示的数据”）

image-20211006213046434

持续更新中…….