利用js写一个简单的个人首页
时间: 2023-08-01 18:08:02 浏览: 59
好的,以下是一个简单的个人首页的HTML和JavaScript代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>个人首页</title>
</head>
<body>
<h1>欢迎来到我的个人首页</h1>
<p id="intro">我是一名Web开发者,喜欢写代码和学习新技术。</p>
<h2>我的技能</h2>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>React</li>
<li>Node.js</li>
</ul>
<h2>我的项目</h2>
<ul>
<li><a href="https://github.com/myusername/project1">项目1</a></li>
<li><a href="https://github.com/myusername/project2">项目2</a></li>
<li><a href="https://github.com/myusername/project3">项目3</a></li>
</ul>
<script>
// 更改个人简介
var intro = document.getElementById("intro");
intro.innerHTML = "欢迎来到我的个人首页,我是一名Web开发者,喜欢写代码和学习新技术。";
</script>
</body>
</html>
```
这个简单的个人首页包含一个标题、一个个人简介、一个技能列表和一个项目列表。JavaScript代码可以更改个人简介中的文本,你可以根据自己的需求进行修改。注意要将`myusername`替换为你的GitHub用户名,并在`<a>`标签中添加你自己的项目链接。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)