`
woai671
  • 浏览: 29754 次
社区版块
存档分类
最新评论

js延迟广告加载

阅读更多
1、在你要放置广告的div设定ID,内容可自定义
<div id="banner">读取中……</div>


2、在</body>前面加入以下代码
<div id="to_banner" style="display: none">
   <script src='广告脚本' language='javascript'>
   </script>
</div>

       

3、到页面最下面</html>之后加入以下代码
<script type="text/javascript"> 
   var target=document.getElementById("banner");
   var content=document.getElementById("to_banner");
   target.innerHTML=content.innerHTML; 
   content.innerHTML=""; 
</script>



4、刷新网站html,现在网站主要内容加载后才会开始加载广告
分享到:
评论

相关推荐

    js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果

    本文为大家分享了js实现延迟加载思想和首屏延迟加载的具体代码,供大家参考,具体内容如下 作用:保证页面打开的速度(3s之内如果首页打不开就已经算是死亡页面了) 原理:  1)、对于首屏内容中的图片:首先给对应的...

    Javascript 实现广告后加载 可加载百度谷歌联盟广告 原创

     我们在网站上放置广告,最简单的方法就是把JS代码,插入指定的位置,这样带了后果就是,页面按照顺序加载,偶尔一条广告代码卡住,整个页面都会卡住,给用户带来的体验是极差的。  那么怎么解决这种问题呢?先说...

    Async-Write:JavaScript写入,写入,广告异步加载

    * write 延迟加载扩展 支持 延迟加载广告等 Google baidu 支持几乎所有的广告商 支持延迟载入统计代码等.... * * BY: http://www.lianyue.org/ 恋月 * * 1 参数 开始 回调函数 * 2 参数 完成 回调函数 可选 如果没...

    JS延迟加载(setTimeout) JS最后加载

    为了让一个广告几秒以后再执行所以做个延迟加载的东东,用了JS实现,还蛮好用的,算是分享,也是记录吧。

    延时加载JavaScript代码提高速度

    延时加载js代码提高速度,具体...可以使用定时器函数setTimeout()让外部的js文件延迟加载,例如: [removed][removed] [removed] var js=document.getElementById(my); function addjs(){ js.src=js/js.js; } setTim

    前端项目-lozad.js.zip

    前端项目-lozad.js,一个轻量级JS库,用于延迟加载任何HTML元素,如图像、广告、视频等。

    hapj:Javascript框架

    诸如表单校验、延迟加载、异步处理、广告轮换、以及一系列UI交互体验优化的功能。 hapj.js是其中最核心的文件,包括了UI、日志、钩子、模块等基本组件。 hapj的基本理念 模块化开发,保持业务模块的独立性,降低不同...

    4od-ad-block:简单的Chrome插件可阻止4od上的广告

    4od-ad-block 简单的chrome插件可阻止4od上的广告。 截至2015年10月26日工作。安装说明下载adb​​locker.crx文件在chrome中,打开... 有时,广告客户会尝试多次加载广告,因此在广告休息期间可能会有5-10秒的延迟。

    react-gpt:使用Google Publisher Tag的React展示广告组件

    *同步呈现要求同步加载GPT JavaScript。 安装 $ yarn react-gpt React GPT取决于在浏览器中的可用性。 如果您的应用程序支持不支持Promise的浏览器,请包括polyfill。 入门 导入React GPT并将props传递给组件。 ...

    199鸟:我的家人喜欢的个人项目。 下面的自述文件↓

    关于应用程序 这个网络应用程序是一个个人项目,供我的家人/儿童欣赏。 我们三岁的孩子喜欢《 Usborne 199 Birds》一书,前几天,我们在... 折叠以下的图像使用交点观察器延迟加载。 因此,除非用户向下滚动到页面

    code:这个仓库是我自己平常写的有问题的代码以及需要优化的代码

    code说明:这个仓库是我自己平常写...imgDelay.js// 图片和广告延迟加载,一个门户网站有用到过,临时写的,有优化空间,以后有时间再优化吧。reg.run.js// 注册用的表单验证,没什么特别的,优化下估计是个不错的工具

    LazyWrite:JavaScript

    LazyWrite(延迟 [removed] 实现) LazyWrite 旨在在良好的页面加载和在页面中写入复杂的外部数据(如广告)之间取得最佳折衷。 这允许您控制这些数据何时开始呈现或加载。 大小:使用 UglifyJS 时小于 3.4KB(2KB ...

    sheyMsg 很漂亮的仿qq右下角滑出广告插件

    内容索引:脚本资源,Ajax/JavaScript,右下角弹窗 sheyMsg 很漂亮的仿qq右下角滑出广告插件,仿腾讯右下角消息提示,showDalay:设置页面加载后显示时间延迟;autoHide:显示后自动隐藏的时间,默认30秒,设置为0表示不...

    价值2000元的苹果cms电影网站后台带采集源码PHP,电影网站源码.rar

    延迟加载图片: img元素不要使用src调用图片地址,而是用data-original。 [vod:pic]" src="{maccms:path}images/blank.png" alt="[vod:name]" /&gt; ****************************系统内置JS、CSS函数库说明 结束**...

    wordpress蛋花儿网站模板

    导航下拉菜单和分享按钮等地方延迟显示,防止被干扰 防止内存溢出,限制瀑布流加载页数,达到一定页数提示翻页 全面优化html,JS,CSS,提升页面响应速度 支持Ajax评论发布和分页 已优化侧边栏“标签云”样式,同时...

    生鲜配送平台源码java-eyepetizer:仿「Eyepetizer」appv6.3.0

    Kotlin语言100%兼容Java,并且具有数据类、空安全、延迟加载、属性代理、拓展方法、函数表达式、高级函数等高级特性,极大的简化代码量,不需要为空指针烦恼、不需要编写复杂的JavaBean,能够更专注业务。 AAC架构 ...

    飞飞cms2.7官方模板源码下载 v2.0

    2:图片延迟加载,大大降低服务器带宽及加快网站显示速度 3:用户互动评分功能,更人性化的数据调用 4: 智能推荐影片提示(连载、清晰度) 5:CSS、模板代码注释清楚,方便个性修改 播放器推荐大小设置 650*480 ...

    苹果8XPC和手机二合一完整版

    延迟加载图片: img元素不要使用src调用图片地址,而是用data-original。 [vod:pic]" src="{maccms:path}images/blank.png" alt="[vod:name]" /&gt; ****************************系统内置JS、CSS函数库说明 结束****...

    JAVA上百实例源码以及开源项目源代码

    JavaScript万年历 显示出当前时间及年份,还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器  Java编写的HTML浏览器源代码,一个很简单甚至不算是浏览器的HTML浏览器...

    JAVA上百实例源码以及开源项目

    JavaScript万年历 显示出当前时间及年份,还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器  Java编写的HTML浏览器源代码,一个很简单甚至不算是浏览器的HTML浏览器...

Global site tag (gtag.js) - Google Analytics