【笔记】使用 html 创建网址快捷方式

最新推荐文章于 2025-11-19 10:22:15 发布

原创最新推荐文章于 2025-11-19 10:22:15 发布 · 717 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#笔记 #html #js

JavaScript / Node.js 学习笔记专栏收录该内容

12 篇文章

订阅专栏

在这里插入图片描述

有时需要这个功能，对于一些手册网站，离线保存网页效果又不好时。

可以创建一个简单的 HTML 文件，双击后在默认浏览器中打开指定的网址（甚至是自动跳转）。以下是几种 HTML 实现方式：

方法 1：纯 HTML 自动跳转（最快）

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="refresh" content="0; url=https://docs.espressif.com/projects/esp-dev-kits/zh-cn/latest/other/esp-prog/user_guide.html">
    <title>ESP-Prog 文档</title>
</head>
<body>
    <p>正在跳转到 <a href="https://docs.espressif.com/projects/esp-dev-kits/zh-cn/latest/other/esp-prog/user_guide.html">ESP-Prog 文档</a>...</p>
</body>
</html>

说明：

meta http-equiv="refresh" 会让浏览器 立即跳转（content="0" 表示 0 秒后跳转）。
备份链接 (<a> 标签) 确保即使跳转失败也能手动点击访问。
保存方式：复制代码 → 用记事本保存为 ESP-Prog_Docs.html → 双击打开。

方法 2：JavaScript 跳转（可选）

<!DOCTYPE html>
<html>
<head>
    <title>ESP-Prog 文档</title>
    <script>
        window.location.href = "https://docs.espressif.com/projects/esp-dev-kits/zh-cn/latest/other/esp-prog/user_guide.html";
    </script>
</head>
<body>
    <p>如果未自动跳转，请<a href="https://docs.espressif.com/projects/esp-dev-kits/zh-cn/latest/other/esp-prog/user_guide.html">点击这里</a>。</p>
</body>
</html>