最代码官方
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代码关键字高亮字符串注释彩色显示
- javascript网页日期时间插件
- javascript图片和视频查看器插件
- JavaScript放大镜插件magnifier实现图像放大效果
- ckeditor整合代码高亮插件syntaxhighlighter2使用配置demo实例下载
- javascript开源项目gridster插件项目实例
- javascript简单代码的贪食蛇小游戏源码
- 一款表格插件, javascript纯手写的, 支持分页, 类似于easyui的datagird
- javascript开发web表格开源插件handsontable,样式和操作和excel很相似
- 史上最短小精悍的javascript编写的俄罗斯方块游戏,仅仅60行代码
请下载代码后再发表评论
相关代码
最近下载
最近浏览
3539550597 LV1
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日