JavaScript 是一種廣泛使用的前端編程語言，它可以讓我們在網站中添加豐富的交互性和功能，其中錨點就是其中之一。錨點是指在單頁應用或網站中通過點擊鏈接，直接跳轉到頁面中的特定位置。這種功能在制作導航菜單或頁面內鏈接時十分常見，并且在 JavaScript 中實現錨點也非常簡單。
在 HTML 中，我們可以通過在鏈接中設置一個 ID，然后在跳轉鏈接中使用該 ID 來進行跳轉，即使是單頁應用或是頁面很長（比如新聞網站或個人博客），也可以通過跳轉錨點快速定位到特定的部分。下面是使用錨點實現頁面內跳轉的代碼示例：
<!DOCTYPE html>
<html>
<head>
<title>錨點示例</title>
</head>
<body>
<h1>歡迎來到我的個人網站</h1>
<nav>
<ul>
<li><a href="#main">主頁</a></li>
<li><a href="#about">關于我</a></li>
<li><a href="#contact">聯系我</a></li>
</ul>
</nav>
<div id="main">
<h2>歡迎來到我的主頁！</h2>
<p>這是我的一些近期作品：</p>
<ul>
<li><a href="#work1">小清新博客</a></li>
<li><a href="#work2">個性化相冊</a></li>
</ul>
</div>
<div id="about">
<h2>了解更多關于我</h2>
<p>我是一名前端工程師，喜歡寫代碼。</p>
</div>
<div id="contact">
<h2>聯系我</h2>
<p>您可以通過以下方式聯系我：</p>
<ul>
<li>郵箱：example@gmail.com</li>
<li>微信：example</li>
</ul>
</div>
<div id="work1">
<h3>小清新博客</h3>
</div>
<div id="work2">
<h3>個性化相冊</h3>
</div>
</body>
</html><!DOCTYPE html>
<html>
<head>
<title>跳轉到其他頁面</title>
</head>
<body>
<a >查看“如何使用”的第四步</a>
</body>
</html>