商品详情大图

南联网站建设哪个网络公司收费合理

及时发货 交易保障 卖家承担邮费

商品详情

我们将看看如何加快小型静态网站使用一些不同的方法的用户体验。(一个静态的网站是一个没有任何更新的内容,所以没有博客文章或照片流等)

深圳网站建设要做的是把页面重新加载。所以简单的说,当用户使用导航链接,只有主要的网页内容的变化,它不会使浏览器加载网页。
我们将在两种不同的方式实现这一效果,只使用jQuery和其他使用AJAX和PHP。他们都有他们的优点和缺点,我们来看看为好。看一看演示看到我们正在努力实现我们的个开始(简单)的jQuery方法。

使用jQuery实现的影响
我们先看看页面设置。HTML很简单,但有几个重要的部分,“要点”是。我们需要一些导航链接,里面有具体的哈希链接(我们马上会解释)和一个的内容,你就已经在其他网站反正。所以,让我们先来看看我们的index.html文件是什么:

如何增加你网站的速度

因此,概括的需要到标记的重要部分:我们的导航中,每个环节都有相应的部门href链接”页面,有2″href =“# page2.php”(这是<段>元素的ID进一步下降)。所以这个方法,你可以看到我们有一个div的#主要内容围绕我们的部分,然后每一页的内容有自己单的部分的其他元素后。我们也呼吁jQuery和我们自己的custom.js JavaScript文件,网站的实际功能将使。



JavaScript
所以现在来解释我们需要通过jQuery实现。在我们的custom.js文件,我们的目标是当用户点击导航链接。检索href链接找到'节',相同的ID,然后躲在#主要内容div的一切,在新的部分褪色。这是什么样子的:

如何增加你网站的速度

使用AJAX和PHP
为了达到这一效果但稍有不同的方式,使初始负荷不会载我们所有的内容,因此慢下来(击败点如果网站有很多内容)我们将使用一个小的PHP和AJAX。这意味着我们的项目文件的结构将发生变化,看起来像这样:

下一条:火热招商-和之初雪莲生态护理贴—更爱你,更懂你!非它莫属怎么用?
深圳市中科意达网络技术有限公司为你提供的“南联网站建设哪个网络公司收费合理”详细介绍
深圳市中科意达网络技术有限公司
主营:网络推广,网站建设,网站改版,网站设计
联系卖家 进入商铺

网站建设信息

进店 拨打电话 微信