昨晚在改造的时候代码高亮没法执行，准确的说是只执行一次，第二次就不执行了。所以发文说明一下，而且大致看了InstantClick的文档，主要还是一个黑名单区域的问题。按我个人的理解，黑名单主要包含两种比较常见的过滤类型，一种是a标签，另一种是js。根据其原理实际上就是对黑名单区域不进行处理（按正常手动打开的情况加载刷新），这种不处理才能让相关的结构和js起作用。。

所以在InstantClick执行时，看它的引用语句：

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>

语句作用就过滤掉了InstantClick它本身，相当于在执行后正常刷新一遍自己。

正常加载刷新js

语句本身的data-no-instant参数意思就是不处理，并且正常刷新这部分结构。所以如果要其他js在InstantClick下起作用，必须将js本身刷新，可以把代码写入instantclick.min.js里面，也可以带上data-no-instant参数独立引用。如果不将自己的js写入instantclick.min.js内，就要利用它的四个参数来重新载入，参考：http://instantclick.io/scripts

<script data-no-instant>
InstantClick.on('change', function() {
// 回调
});
InstantClick.init();
</script>

a标签

InstantClick对新窗口打开的a标签是不处理的，还有在带有data-no-instant参数的标签包裹下的a标签也不会处理。如<div data-no-instant>这部分会按正常情况刷新</div>。

最后总结：data-no-instant属性是用来避免instantclick在页面切换时对该元素重复加载（意思就是按正常刷新）。它可以用在script、style标签中，也能放在a标签中，表示该链接将使用正常方式打开而不用instantclick加速，但对于div标签是没有用的，这一点必须知晓。

搞清楚上面两点就好办了，之前把它当成是ajax来理解，是整个body请求过来。也就是说把不处理的部分放在body标签之外也是可以的。

值得一提的是，我个人还是很中意它缓存后退前进的功能的，这样非常快。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# 预加载InstantClick  # InstantClick  # 预加载  # 提升页面加载速度的插件InstantClick  # 详解如何让InstantClick兼容MathJax、百度统计等  # 使用InstantClick.js让页面提前加载200ms  # 放在  # 这部  # 加载  # 自己的  # 的是  # 看了  # 就不  # 就好  # 也能  # 两种  # 把它  # 一遍  # 能让  # 掉了  # 它可以  # 一提  # 用在  # 办了  # 回调  # 中意 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 焦点电影公司作品,电影焦点结局是什么？  PHP 实现电台节目表的智能时间匹配与今日/明日轮播逻辑  如何用AWS免费套餐快速搭建高效网站？  HTML透明颜色代码怎么让下拉菜单透明_下拉菜单透明背景指南【技巧】  如何续费美橙建站之星域名及服务？  网站制作软件免费下载安装,有哪些免费下载的软件网站？  济南网站建设制作公司,室内设计网站一般都有哪些功能？  高端云建站费用究竟需要多少预算？  如何用PHP快速搭建高效网站？分步指南  如何用搬瓦工VPS快速搭建个人网站？  Laravel如何处理CORS跨域问题_Laravel项目CORS配置与解决方案  Bootstrap整体框架之CSS12栅格系统  Win11怎么查看显卡温度 Win11任务管理器查看GPU温度【技巧】  微信h5制作网站有哪些,免费微信H5页面制作工具？  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  网站页面设计需要考虑到这些问题  网站制作企业,网站的banner和导航栏是指什么？  html5如何设置样式_HTML5样式设置方法与CSS应用技巧【教程】  油猴 教程,油猴搜脚本为什么会网页无法显示？  laravel怎么实现图片的压缩和裁剪_laravel图片压缩与裁剪方法  Android滚轮选择时间控件使用详解  详解Android中Activity的四大启动模式实验简述  如何在IIS中配置站点IP、端口及主机头？  Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  香港服务器建站指南：免备案优势与SEO优化技巧全解析  Laravel如何实现一对一模型关联？（Eloquent示例）  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  如何自定义建站之星网站的导航菜单样式？  Win11应用商店下载慢怎么办 Win11更改DNS提速下载【修复】  标题：Vue + Vuex 项目中正确使用 JWT 进行身份认证的实践指南  JavaScript如何实现路由_前端路由原理是什么  Windows Hello人脸识别突然无法使用  Laravel如何监控和管理失败的队列任务_Laravel失败任务处理与监控  Laravel如何将应用部署到生产服务器_Laravel生产环境部署流程  Laravel如何记录日志_Laravel Logging系统配置与自定义日志通道  Laravel怎么集成Log日志记录_Laravel单文件与每日日志配置及自定义通道【详解】  Laravel控制器是什么_Laravel MVC架构中Controller的作用与实践  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  音乐网站服务器如何优化API响应速度？  如何在IIS服务器上快速部署高效网站？  Laravel如何实现本地化和多语言支持？（i18n教程）  Windows11怎样设置电源计划_Windows11电源计划调整攻略【指南】  Laravel如何使用Livewire构建动态组件？（入门代码）  电视网站制作tvbox接口,云海电视怎样自定义添加电视源？  php485函数参数是什么意思_php485各参数详细说明【介绍】  北京网站制作的公司有哪些,北京白云观官方网站？  如何在VPS电脑上快速搭建网站？  如何在云主机上快速搭建网站？  如何解决hover在ie6中的兼容性问题