给网站上的广告“加速”显示的方法


Posted in Javascript onApril 08, 2007

网站建设-给网站上的广告“加速”的方法

第一种是采用iframe+html的方式调用。不管iframe插入在什么地方,加载网页的时候首先是先加载正文内容,然后才加载iframe里的东西。代码如下:

<iframe src="15zone.cn" target="_blank">15zone.cn/blog/post/huazonghua-guanggao.html" target="_blank">http://www.15zone.cn" target="_blank">15zone.cn/blog/post/huazonghua-guanggao.html" frameborder=0 width=336 height=280 
scrolling=no marginwidth=0 marginheight=0 ></iframe>

第二种方法是将广告代码放在正文内容后面,采用DIV调用。这样也可以使广告在任何位置显示而不影响正文的loading速度。代码示例如下:
先在欲显示广告的地方插入DIV容器1代码,注意容器的id

<div id="ad" width="336" height="280"></div>

然后在下面的DIV容器2中放置广告代码。该DIV容器可以放在页面body的任何地方。

<div id="adcode" style="display:none">

广告代码

</div>
<script language="javascript">
if(document.all.item("ad") != null) //不推荐这个document.all,可以参考本站的代码

ad.innerHTML = adcode.innerHTML;
}
</script>

其原理就是将DIV容器2中的内容设置为不可见(display=none),然后用JS将DIV容器2中的内容放到容器1里显示。

这两种方法都可以用来调用Google Adsense、百度主题推广、阿里联盟或其它广告,通过更改加载顺序使其不影响正文的显示,从而起到了所谓“加速器”的作用。 

Javascript 相关文章推荐
一段实时更新的时间代码
Jul 07 Javascript
JS获取月的最后一天与JS得到一个月份最大天数的实例代码
Dec 16 Javascript
高性能JavaScript模板引擎实现原理详解
Feb 05 Javascript
jQuery实现百叶窗焦点图动画效果代码分享(附源码下载)
Mar 14 Javascript
全面解析bootstrap格子布局
May 22 Javascript
jquery html5 视频播放控制代码
Nov 06 Javascript
浅析JS中常用类型转换及运算符表达式
Jul 23 Javascript
js获取html页面代码中图片地址的实现代码
Mar 05 Javascript
node中modules.exports与exports导出的区别
Jun 08 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
Jun 09 jQuery
解决vue项目F5刷新mounted里的函数不执行问题
Nov 05 Javascript
ElementUI中el-tree节点的操作的实现
Feb 27 Javascript
超级简单的图片防盗(HTML),好用
Apr 08 #Javascript
filemanage功能中用到的lib.js
Apr 08 #Javascript
filemanage功能中用到的common.js
Apr 08 #Javascript
收集的网上用的ajax之chat.js文件
Apr 08 #Javascript
在页面上点击任一链接时触发一个事件的代码
Apr 07 #Javascript
js检测客户端不是firefox则提示下载
Apr 07 #Javascript
JavaScript进阶教程(第四课第一部分)
Apr 05 #Javascript
You might like
php设计模式之命令模式的应用详解
2013/05/21 PHP
windows7下安装php的imagick和imagemagick扩展教程
2014/07/04 PHP
PHP管理依赖(dependency)关系工具 Composer 安装与使用
2014/08/18 PHP
php获取远程图片并下载保存到本地的方法分析
2016/10/08 PHP
详解php与ethereum客户端交互
2018/04/28 PHP
什么是PHP7中的孤儿进程与僵尸进程
2019/04/14 PHP
自己整理的一个javascript日期处理函数
2010/10/16 Javascript
关于js拖拽上传 [一个拖拽上传修改头像的流程]
2011/07/13 Javascript
JS实现从表格中动态删除指定行的方法
2015/03/31 Javascript
$.extend 的一个小问题
2015/06/18 Javascript
jquery 表单验证之通过 class验证表单不为空
2015/11/02 Javascript
全面解析Bootstrap弹窗的实现方法
2015/12/01 Javascript
js判断登陆用户名及密码是否为空的简单实例
2016/05/16 Javascript
Javascript的this用法
2017/01/16 Javascript
jQuery实现的浮动层div浏览器居中显示效果
2017/02/03 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
2017/04/19 Javascript
js实现移动端轮播图效果
2020/12/09 Javascript
layui中layer前端组件实现图片显示功能的方法分析
2017/10/13 Javascript
nodejs实现大文件(在线视频)的读取
2020/10/16 NodeJs
为什么要使用Vuex的介绍
2019/01/19 Javascript
vue路由教程之静态路由
2019/09/03 Javascript
Vue学习之常用指令实例详解
2020/01/06 Javascript
JavaScript用document.write()输出换行的示例代码
2020/11/26 Javascript
Python实现的井字棋(Tic Tac Toe)游戏示例
2018/01/31 Python
django 按时间范围查询数据库实例代码
2018/02/11 Python
python2与python3共存问题的解决方法
2018/09/18 Python
python使用tkinter库实现五子棋游戏
2019/06/18 Python
Python Pandas 如何shuffle(打乱)数据
2019/07/30 Python
解决jupyter notebook import error但是命令提示符import正常的问题
2020/04/15 Python
python将unicode和str互相转化的实现
2020/05/11 Python
python中Django文件上传方法详解
2020/08/05 Python
打造经典复古风格的品牌:Alice + Olivia(爱丽丝+奥利维亚)
2016/09/07 全球购物
高性能装备提升营地:Kammok
2019/02/27 全球购物
2015年控辍保学工作总结
2015/05/18 职场文书
Python使用openpyxl批量处理数据
2021/06/23 Python
SSM项目使用拦截器实现登录验证功能
2022/01/22 Java/Android