【软件测试】前端基础的知识总结

通过这几天的前端基础的学习,我总结了以下的知识并分享给大家.
1.HTML,中文含义是超文本传输语言
2.HTML标签被分为单标签和双标签:
3.单标签书写规则:<单标签名称 />,今天见到的单标签有:meta,img,br
4.双标签书写规则:<双标签名称></双标签名称>,今天见到的双标签有:div,span,p,h1-h6
5.HTML文件中最外层的标签是html标签,称之为根标签
6.计算机中标记文件位置的路径一般分位相对路径和绝对路径.
然后,下列标签都是有什么作用?

<!DOCTYPE html>  
<html>  

<head>  
      <meta charset="UTF-8" />  
      <title>网页标题</title>  
</head>

<body>  
</body>

</html>
Web网站与HTML方面知识总结;
1. 超链接中空链接的实现方式: ( href=”###” )
2. form标签中的get方法代表{ 明文 }提交数据的方式
3. form标签中的post方法代表{ 加密 }提交数据的方式
4. CSS中文叫( 层叠样式表 )
5. CSS书写在html文件中时,需要放在( style )标签中
6. 标签选择器的写法: ( 标签名 )
7. 类选择器的写法: ( .一个类名 )
8. id选择器的写法: ( #id值 )
然后如下表单如何实现,分别是输入想要的用户名,密码框,和提交的按钮?
<form action="xxx.php" method="get">
用户名：<input type="text" placeholder="输入您想要的用户名" /><br />
密码框：<input type="password" /><br />
提交按钮：<input type="submit" value="提交" />
</form>

2. CSS书写格式是什么
<style type="text/css">
h1{color:blue;}
</style>
JavaScript基础
js是JavaScript作用是:控制前端的结构和样式
语法
书写位置--script标签内
<script>

alert();

// 注释使用双斜杠

// 每个语句使用;;;;;结束

</script>
定义变量--遵循命名规则
var var_name = var_value;

举例:

var btn = document.getElementById("id值");

// 变量名命名规则:

// 字符数字下滑下组成

// 不数字开头

// 不用中文

// 不与保留字重复
定位元素
1.document.getElementById("目标元素id属性值")
2.注意getElementById大小写--驼峰命名法
设置样式
document.getElementById("元素id属性值").style.样式名="样式值";

事件
1.概念:捕捉用户的行为--在什么时候做什么事情
2.事件三要素:(当事件源发生了事件类型就执行指定命令)
1.事件源
2.事件类型
3.执行的命令
事件源.事件类型 = function() {

执行的命令

}
举例:

document.getElementById("id值").onclick=function(){

//命令

document.getElementById("id值").style.width="200px";

}
var btn = document.getElementById("id值")

var box = document.getElementById("id值")

btn.onclick=function(){

//命令

box.style.width="200px";

}

【软件测试】前端基础的知识总结

相关阅读

相关课程推荐

软件测试零基础入门到精通全套视频教程，包含Web测试、app手工测试，到AI测试提效

软件测试基础入门到项目实战（涵盖软件测试基础+黑马头条项目实战）

Linux系统2天快速入门

软件测试MySQL数据库知识精讲+项目实战

帮助中心

交流合作

站内地图

学员培训