完美解决页面跳转刷新的问题

最新推荐文章于 2024-06-06 19:45:08 发布

关于安安

最新推荐文章于 2024-06-06 19:45:08 发布

阅读量2.8k

点赞数

分类专栏：补充知识点文章标签：无刷新跳转 html路由路由跳转 js仿路由跳转 jquery路由跳转

本文链接：https://blog.csdn.net/yangluan999/article/details/88867962

版权

本文介绍如何使用JavaScript和HTML实现无刷新页面跳转，通过js仿路由跳转技术，避免页面刷新，同时涉及到jQuery路由跳转的相关内容。涉及到的文件包括index.html、index.js、index.css以及对应的help.html、news.html、about.html路由文件。

摘要由CSDN通过智能技术生成

HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Guan_YuAnAn</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>

<header>
    <ul>
        <li><a href="#/news">news</a></li>
        <li><a href="#/about">about</a></li>
        <li><a href="#/help">help</a></li>
    </ul>
</header>
<div id="router">
    <!-- 内容加载区域 -->
</div>


<script src="jquery-3.1.1.js"></script>
<script src="router.js"></script>
<script>
    console.log(window.location)
</script>


</body>
</html>

Css代码：

最低0.47元/天解锁文章

关于安安

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
完美解决页面跳转刷新的问题

HTML代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Guan_YuAnAn</title> <link rel="stylesheet" href="index.css"></...
复制链接

扫一扫

专栏目录