在网页不跳转的前提下更新网页内容（局部刷新）

最新推荐文章于 2023-08-04 09:51:45 发布

Y1916326465

最新推荐文章于 2023-08-04 09:51:45 发布

阅读量1.3k

点赞数 1

原文链接：http://www.cnblogs.com/lidyfamily/p/11466253.html

版权

本文介绍了如何在不跳转网页的情况下，通过代码实现内容的更新，即局部刷新的效果。提供了具体的实现代码，帮助读者理解这一技术。

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

在网页不发生跳转的前提下，编写代码实现如下图效果：

实现代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>导航</title>
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <style type="text/css">
        /*全局样式*/
        *{
    
            margin: 0;    /*清除默认外边距*/
            padding: 0;    /*清除默认内边距*/
            list-style: none;    /*清除ul、li便签前面的点*/
        }
        /*页面整体样式*/
        .nav{
    
            width: 700px; /*宽度700*/
            margin: 0 auto; /*整体居中*/
            margin-top: 20px; /*距离网页顶端20*/
            border: 1px solid blue; /*加一个1px实线蓝色边框*/
        }
        /*