content
1. Think: learn front-end knowledge
2. SIKI Academy: I refer to this video for practice
3.w3school official website: use it as a dictionary
4. Rookie Tutorial: Use as a Dictionary
5. Web Front End Season 1 (HTML): My own note-taking blog
6. Web Front End Season 2 (CSS): My own note blog
Action: 1: Success: 703-screen and location
Action: 2: Success: 704 - The history object controls the web page forward and backward
First, the purpose
1. Think: learn front-end knowledge
2. Thinking: Take notes, next time you don't need to watch the video, just look at the notes to quickly recall.
2. Reference
1. GitHub URL of my own code
GitHub - xzy506670541/WebTest: Web Frontend for SIKI Academy
2. SIKI Academy: I refer to this video for practice
- I refer to this video for practice
3.w3school official website: use it as a dictionary
4. Rookie Tutorial: Use as a Dictionary
Rookie Tutorial - Learning is not only technology, but also a dream!
5. Web Front End Season 1 (HTML): My own note-taking blog
6. Web Front End Season 2 (CSS): My own note blog
3. Attention
Action: 1: Success: 703-screen and location
1. Running result: success:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
// 1.浏览器可用宽高
// console.log(screen.availWidth);
// console.log(screen.availHeight);
// 2.网址信息
// console.log(location.protocol);//返回 web 主机的域名
// console.log(location.hostname);//返回当前页面的路径和文件名
// console.log(location.port);//返回 web 主机的端口 (80 或 443
// console.log(location.pathname);//返回所使用的 web 协议(http:// 或 https://)
// console.log(location);
// 3.修改链接地址,打开浏览器后会直接跳转
location.assign("601-设置图片更换.html");
</script>
</head>
<body>
</body>
</html>
Action: 2: Success: 704 - The history object controls the web page forward and backward
1. Running result: success:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
//历史记录:前进2步
// history.go(2);
</script>
</head>
<body>
<a href="704-history对象控制网页前进和后退-b.html">下一个页面</a>
<button type="button" onclick="history.back()">后退</button>
<button type="button" onclick="history.forward()">前进</button>
<button type="button" onclick="my_open()">打开</button>
</body>
</html>