真正懂软件测试的人都知道的javascript在自动化中的应用

本节大纲

  1. JavaScript的简介
  2. 浏览器对象模式BOM
  3. HTML DOM Document 对象
  4. sweb自动化中的应用

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 文件
在外部文件中放置脚本有如下优势:
1. 分离了 HTML 和代码
2. 使 HTML JavaScript 更易于阅读和维护
3. 已缓存的 JavaScript 文件可加速页面加载

02.浏览器对象模型BOM

浏览器对象模型

浏览器对象模型( Browser Object Model (BOM) ),允许 JavaScript 与浏览器对话。
现代的浏览器已经(几乎)实现了 JavaScript 交互相同的方法和属性,因此它经常作为 BOM 的方
法和属性被提到
主要介绍以下浏览器对象模型的
1. Windows对象 -- 窗体
2. location对象 -- 页面操作
3. document对象 -- 页面内的元素操作(定位,点击,输入,滚动条,隐藏元素,元素的属性)
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 8
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值