这次给大家带来预加载InstantClick使用详解，预加载InstantClick使用的注意事项有哪些，下面就是实战案例，一起来看一下。
昨晚在改造的时候代码高亮没法执行，准确的说是只执行一次，第二次就不执行了。所以发文说明一下，而且大致看了InstantClick的文档，主要还是一个黑名单区域的问题。按我个人的理解，黑名单主要包含两种比较常见的过滤类型，一种是a标签，另一种是js。根据其原理实际上就是对黑名单区域不进行处理（按正常手动打开的情况加载刷新），这种不处理才能让相关的结构和js起作用。。
所以在InstantClick执行时，看它的引用语句：
<script type="text/javascript" src="/js/instantclick.min.js" data-no-instant>InstantClick.init();
登录后复制
语句作用就过滤掉了InstantClick它本身，相当于在执行后正常刷新一遍自己。
正常加载刷新js
语句本身的data-no-instant参数意思就是不处理，并且正常刷新这部分结构。所以如果要其他js在InstantClick下起作用，必须将js本身刷新，可以把代码写入instantclick.min.js里面，也可以带上data-no-instant参数独立引用。如果不将自己的js写入instantclick.min.js内，就要利用它的四个参数来重新载入，参考：http://instantclick.io/scripts
InstantClick.on('change', function() {// 回调});InstantClick.init();
登录后复制
a标签
InstantClick对新窗口打开的a标签是不处理的，还有在带有data-no-instant参数的标签包裹下的a标签也不会处理。如
这部分会按正常情况刷新
。
最后总结：data-no-instant属性是用来避免instantclick在页面切换时对该元素重复加载（意思就是按正常刷新）。它可以用在script、style标签中，也能放在a标签中，表示该链接将使用正常方式打开而不用instantclick加速，但对于p标签是没有用的，这一点必须知晓。
搞清楚上面两点就好办了，之前把它当成是ajax来理解，是整个body请求过来。也就是说把不处理的部分放在body标签之外也是可以的。
值得一提的是，我个人还是很中意它缓存后退前进的功能的，这样非常快。
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
InstantClick怎么设置才能兼容MathJax与百度统计等
用js操作iframe改变界面高度
ParticlesJS的使用详解
以上就是预加载InstantClick使用详解的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2771197.html
