InstantClick.js插件,让网页提前预加载,网站无刷新跳转页面

InstantClick,让网站的访问速度获得更大的提升,这是一个js插件,只需要简单配置到你的网站,即可实现网站页面的预加载。

演示

InstantClick.js插件,让网页提前预加载,网站无刷新跳转页面_第1张图片

上面是我的演示,当点击a标签的时候,跳转到一个页面,我们可以看到,浏览器是没有刷新页面的,而是直接更改了浏览器url,全程没有刷新的动作,但是内容已经是另一个页面了。

这里提供一个网友的博客给大家操作查看一下演示:https://licoy.cn/

代码

index.html





    无刷新预加载页面
    
    






page.php




    


    百度";
            // echo "

你好,我是李彦宏

"; echo ""; }else if ($_GET["url"] == 'taobao') { echo "淘宝"; // echo "

你好,我是马云

"; echo ""; }else if ($_GET["url"] == 'qq') { echo "腾讯"; // echo "

你好,我是马化腾

"; echo ""; }else{ echo "

别乱来...

"; } ?>

如何使用

其实很简单的,只需要将插件的js引入页面,然后初始化即可,下面是我们要引入的文件。

然后,在网站标签之前加入这句

这样,你的网站也能快速接入无刷新的感觉的预加载技术!

官网

直接去官网下载生产版本的js插件吧!
link:http://instantclick.io/

本文作者

Author:TANKING
Date:2021-01-13
Wechat:sansure2016
Web:http://www.likeyun.cn/
Qrcode:Join in

你可能感兴趣的:(javascript,预加载,pjax,路由,history)