Web 自动化之 HTML & JavaScript 详解

一、HTML 常用标签

HTML：超文本标记语言
超文本：不仅只包含文字，还有超链接、视频…这些元素
HTML与HTML5(H5)
HTML5=HTML+一些其他特殊标签 比如：canvas 画图标签
HTML结构标签对：

网页的标题 常用标签分为：双标签+单标签

自我介绍

姓名：hc

专业：计算机软件

图片:


查看更多







1
3


4
5


7
8







用户名:

密码:


性别：男 女


爱好：学习 money 小姐姐 

上传作业:学习
计算机语言:

java
Python
php
 

文本域：
 

普通按钮：


特殊按钮（提交按钮）:


特殊按钮（重置按钮）:

前端页面布局：div table frame 框架
基于frame来进行页面设计：

二、javascript 脚本

用户交互：必须懂明白javascript脚本

1、什么是 javascript(js)

javascript:前端脚本语言，实现用户的交互
网页端执行js脚本两种方式：

• 内嵌式
• 外部导入

2、 js变量和函数

	
		
		
	
	
	

	

	

	

	

	.....

	

	当前学习阶段:

	

	
	

	

	

	
	

	

	支付方式:
		
			现金支付(9折)
			支付宝支付（8折）
			 微信支付（7折）
			京东支付（6折）
		

	Q币单价：

	购买数量：

	结算金额：
	
	

3、js 弹窗处理

网页的弹窗有三种

• 提示弹窗
• 包含确定和取消的弹窗
• 包含确定和取消的弹窗+用户输入

4、js 流程控制语句和 switch 结构语句应用

• if/else 语句进行控制
  if(条件){
  }
  else{
  }
• if/else 嵌套
  if(条件){
  if(条件){
  }
  else{
  }
  }
  else{
  if(条件){
  }
  else{
  }
  }
• switch语句
  switch(变量){
  case 常量1：
  js代码；
  break；
  case 常量2:
  js代码；
  break；
  case 常量3:
  js代码；
  break；
  …
  default:
  js代码
  break；
  }