本节大纲
- JavaScript的简介
- 浏览器对象模式BOM
- HTML DOM Document 对象
- s在web自动化中的应用
01.JavaScript的简介
JavaScript简介
JavaScript
是
Web
的编程语言,是目前最流行的脚本语言,这门语言可用于
HTML
和
web
开发
JavaScript
可以让静态
HTML
页面上添加一些动态效果
JavaScript
是可插入
HTML
页面的编程代码。
JavaScript
插入
HTML
页面后,可由所有的现代浏览器执行。
Web网页组成
web
网页有三部分组成:
HTML
、
CSS
、
JavaScript
1. HTML :定义了网页的内容
2. CSS :描述了网页的布局
3. JavaScript:实现了 网页的行为
您能够在
HTML
文档中放置任意数量的脚本,脚本可被放置与
HTML
页面的
<body>
或
<head>
部分 中,或兼而有之,也可以将脚本单独放在一个外部的文件中,在HTML
页面来进行引用。
我们都会将
JavaScript
代码放在位于
<script>
与
</script>
标签之间
Head中的JavaScript代码
Body中的JavaScript代码
外部JavaScript代码
1. 将JavaScript
脚本写在
myScript.js
的文件中
• 注意:
外部脚本不能包含
<script>
标签
2. 在html
中引入
myScript.js
文件
![](https://img-blog.csdnimg.cn/20210722181755637.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzYwMTI2MTYw,size_16,color_FFFFFF,t_70)
在外部文件中放置脚本有如下优势:
1. 分离了 HTML
和代码
2. 使 HTML
和
JavaScript
更易于阅读和维护
3. 已缓存的 JavaScript
文件可加速页面加载
02.浏览器对象模型BOM
浏览器对象模型
浏览器对象模型(
Browser Object Model (BOM)
),允许
JavaScript
与浏览器对话。
现代的浏览器已经(几乎)实现了
JavaScript
交互相同的方法和属性,因此它经常作为
BOM
的方
法和属性被提到
主要介绍以下浏览器对象模型的
1. Windows对象
--
窗体
2. location对象
--
页面操作
3. document对象
--
页面内的元素操作(定位,点击,输入,滚动条,隐藏元素,元素的属性)