最代码官方
2015-08-10 18:36:33
证精
google adsense广告加载慢导致代码高亮插件syntaxhighlighter无法高亮的解决方法
最代码的代码高亮插件是用的开源项目syntaxhighlighter,由于增加google adsense广告后加载慢导致经常代码高亮失败,用户体验相当差,于是研究了下其他网站的解决方案结合自己的代码终于解决了这个问题,解决方案如下:
1.在需要广告位的html地方插入div,如:
<div id='google_adsense_300x250'></div>
2.通过jquery的append方法动态插入对应的广告代码:
function load_google_ad(){ $("#google_adsense_300x250").append("<ins class='adsbygoogle' style='display:inline-block;width:300px;height:250px' data-ad-client='ca-pub-2303958443489176' data-ad-slot='8077276443'></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>"); }
3.通过js的settimeout来实现延迟1秒执行:
$(function() { setTimeout("load_google_ad()",1000); });
具体可以参考最代码的分享代码详情页面或问答详情页面。
效果如下图:
猜你喜欢
- 推荐一个html页面代码高亮的js框架syntaxhighlighter
- javascript代码关键字高亮字符串注释彩色显示
- javascript语法高亮编辑器插件
- 200多个js技巧代码
- JS通用不间断滚动封装插件类Class Of Marquee Scroll
- 【纵横科技】40款 Javascript common plugins
- js+html5形成美丽的玫瑰,非常牛逼的算法
- JavaScript放大镜插件magnifier实现图像放大效果
- 好用便捷的js日期时间控件代码下载
- html高仿淘宝js分页插件及源代码下载
- 开源中国愚人节网页变模糊的js blur代码
- javascript网页日期时间插件
请下载代码后再发表评论



3539550597 LV1
2024年7月10日
9323249323 LV13
2023年7月25日
1306878374 LV13
2021年12月21日
luohaipeng LV23
2019年12月6日
1196319567 LV9
2018年9月1日
规范化 LV34
2018年8月29日
_Gtxy_ LV10
2018年6月25日
杰胜天下 LV8
2018年6月8日
dias001 LV4
2018年1月1日
大白菜1999 LV1
2017年12月25日