前端基础
- HTML
- 文件结构
<!DOCTYPE html> //声明为HTML5文档
<html> //html页面
<head> //头部元素
<meta charset="UTF-8"> //编码类型
<title>标题</title>
...
</head>
<body> //页面显示内容
...
</body>
</html>
-
标记/备注
-
CSS
-
选择器
:hover 鼠标在目标上时
…
-
属性
border、color、margin、width、height …
-
-
JavaScript
-
ECMAScript基础(描述该语言的语法和基本对象)
Number、Date、Math、for(let a of arr) …
-
DOM(文档对象模型,描述网页内容的方法和接口)
-
改变html内容: document.getElementById(“id1”).innerHTML = “新内容”;
属性: document.getElementById(“id1”).value = “张三”;
输出: document.write(Date());
-
改变CSS样式:document.getElementById(‘id1’).style.color=‘red’;
document.getElementById(“p1”).style.fontSize=“larger”;
-
DOM事件:
οnmοuseοver="style.color=‘red’"οnmοuseοut=“style.color=‘black’”
将鼠标移至文本上变色
-
-
BOM(浏览器对象模型,描述与浏览器交互的方法接口和对象)
-
Window对象、方法
window.location.assign(“url”); #加载新文档
window.history.back(); #跳到历史上一页
window.history.forward(); #跳到历史下一页
…
-
-