自动化测试--13Web页面组成

妍婧

已于 2022-04-14 00:40:11 修改

阅读量143

点赞数

CC 4.0 BY-SA版权

分类专栏：自动化实战--脚本开发及持续集成部署文章标签： html javascript css

于 2022-04-11 22:20:35 首次发布

本文链接：https://blog.youkuaiyun.com/BLee_0123/article/details/124066561

自动化实战--脚本开发及持续集成部署专栏收录该内容

52 篇文章 ¥15.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了Web页面的基本组成，包括HTML、CSS和JavaScript，并提到了Vue和React等框架。在自动化测试中，由于测试报告仅支持style，使用CSS可能导致乱码问题。接着，文章详细讲解了DOM对象，包括DOM树的构建，如何使用JavaScript进行元素查找、属性修改、内容更新以及事件处理，特别是页面加载完成和点击事件的处理。

1.web页面组成：
HTML+CSS+JS
框架：Vue、React
注意：测试报告发邮件只支持style，不支持css，所以会出现乱码现象

2.DOM对象
1）作用：对html进行增删改查
2）DOM树

                              文档
                               |
                           根元素html
                               |
          元素head                          元素body
             |                                |
         元素title                属性href    元素a            h1
             |                                |               |
       文本：文档

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

妍婧

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

Web页面组成

清菡的博客

02-29

895

学习目标本章介绍部分内容，未完待续。1.selenium-webdriver环境搭建代码===驱动程序==浏览器chrome chromedriverie ieserver driver...

精选资源

web自动化测试-python+selenium框架讲解+源代码（免费）

05-16

Web自动化测试是软件测试的重要组成部分，其主要目的是通过编写自动化测试脚本，模拟人工操作，来验证Web应用的功能是否符合预期。Python语言因其简洁和强大的库支持，成为了自动化测试领域的热门选择。而Selenium...

参与评论您还未登录，请先登录后发表或查看评论

web网页构成

weixin_48860638的博客

11-03

341

网页组成部分结构层 HTML/HTML5 样式层 CSS/CSS3 行为层 Javascript <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic

一个WEB页面的构成

weixin_45987479的博客

06-21

294

1页面框架.HTML 2控件样式.CSS 3内容行为.JS

Web网页的组成与请求过程

qq_28912535的博客

08-06

592

1.一个网页的组成一个网页是由多个组件组成的，如图5-1所示。 2.打开网页，浏览器需发送多个请求在浏览器中，打开一个网页的过程如下。（1) 在浏览器输入http: //www.cnblogs.com. （2) 浏览器会发送第一个HTTP请求去获取页面布局的HTML, 这个请求叫作“父请求”。然后服务器把HTTP响应发回给浏览器。（3) 浏览器会分析HTTP响应中的HTML.如果发现HTML中引用了很多其他文件，比如图片、CSS 文件、JS 文件等，浏览器会自动再次发送很多H..

Web标准的构成、网页的组成、五大浏览器，可以使用HTML搭建出一个基础的网页

星辰迷上大海的博客

04-17

3006

Web标准的构成、网页的组成、五大浏览器，可以使用HTML搭建出一个基础的网页

基于自然语言+AI大模型驱Web UI自动化测试工具

10-15

自然语言和人工智能大模型技术结合的Web UI自动化测试工具，为用户提供了一种全新的智能测试体验。这种工具主要应用于Browser Use场景中，能够通过理解用户的语义化描述来自动化编写测试用例，极大地简化了测试流程...

用Selenium实现超链接正确性的自动化测试-徐鹥.pdf

12-17

超链接是Web页面间连接的重要组成部分，它们的正确性直接影响用户体验和网站功能的正常运作。传统的超链接测试工具如Xenu Link Sleuth和HTML Link Validator在验证链接打开的内容是否与预期相符时存在局限性，往往...

精选资源

ATP:Web应用程序的自动化测试-开源

04-25

ATP，全称为Automatic Testing Platform，是一个专为客户端Web应用程序设计的自动化测试框架。这个工具旨在简化和加速对Web应用的测试过程，涵盖了多种测试类型，包括功能测试、性能测试、安全性测试以及兼容性、...

2025年全国大学生软件测试大赛（Web赛道）预选赛习题（python+selenium携程机票自动化脚本）

最新发布

10-28

Web自动化测试脚本的编写和执行是软件测试工程师日常工作的重要组成部分，其目的是为了确保Web应用的质量和性能，通过模拟用户操作来检查网站功能的正确性、界面元素的准确性以及用户体验的流畅性。携程作为中国最大...

Web组成标准、页面基本结构、HTML基础语结构、HTML基础标签

J_34770043的博客

10-26

1378

❀ 结构(html)超文本标记语言或超文本链接标示语言（标准通用标记语言下的一个应用）HTML（HyperText Mark-up Language）是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍❀ 表现(css)层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

web前端基础——一个网页的三个主要组成部分

YanNanxin的博客

07-18

1万+

W3C是指万维网联盟（World Wide Web Consortium），创建于1994年10月。W3C的出现是为了定制网页开发的标准，让使用相同的网页能在不同的浏览器中有相同的效果，所以我们定制编写的网页都需要遵循W3C的规范。根据W3C标准，一个网页主要是由三个部分组成：结构（HTNL)、表现（CSS)和行为（JavaScript）。结构（HTML）：用于描述页面的结构；表现（CSS）：用于控制页面中元素的样式；行为（JavaScript）：用于响应用户操作。 HTML是超文本标记语

jsp页面的组成

张巍的博客

03-23

1万+

jsp页面主要由6大元素组成：指令、注释、脚本、声明、表达式、静态内容（就是html不讨论了） 1.指令 page指令、include指令、taglib指令 page指令格式：常用属性:

Web基础系列一、Html(网页结构)

简单记录

01-06

4222

HTML全称 HyperText Mark-up Language：超文本标记语言 HTML编写规范 html程序以<html>开头，同时以</html>结束 <html>中包含两个部分： <head><title>标题信息</title>设置html相关的信息</head> <body&amp

WEB前端之网页设计①----最新最全详解/网页基础结构

qq_42129729的博客

09-09

9660

WEB前端之网页设计—-最全详解/网页基础结构① 一、网页的基础结构 &amp;amp;lt;!doctype html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=”UTF-8”&amp;amp;gt; &a

Web前端页面由哪三大层构成

weixin_72636693的博客

07-11

1664

结构层为页面的骨架，由 HTML 或 XHTML 标记语言创建，用于搭建文档的结构。 HTML 用来定义网页的内容，例如标题、正文、图像等；表示层为页面的样式，由 CSS （层叠样式表）负责创建，用于设置文档的呈现效果。 CSS 用来控制网页的外观，例如颜色、字体、背景等；行为层为页面的行为，由 JavaScript 语言创建，用于实现文档的行为。 JavaScript 用来实时更新网页中的内容，例如从服务器获取数据并更新到网页中，修改某些标签的样式或其中的内容等，可..

Web结构层——HTML

weixin_30357231的博客

03-08

237

HTML(HyperTextMarkup Language)，超文本标记语言或超文本链接标示语言，是描述网页的一种标准语言，它消除了不同计算机之间信息交流的障碍。HTML凭借它的简易性、可扩展性、平台无关性、通用性在Web前端盛行。基本结构： HTML文件通常由文档头（开始标签，结束标签）、文档体两部分构成。基本要素： HTML的基本要素分...

HTML5/CSS3 第三章页面布局

weixin_30832405的博客

08-02

822

web网页页面布局的几种方式