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


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 相关文章推荐
在IE中调用javascript打开Excel的代码(downmoon原作)
Apr 02 Javascript
javascript框架设计读书笔记之字符串的扩展和修复
Dec 02 Javascript
谈谈JavaScript自定义回调函数
Oct 18 Javascript
Node.js重新刷新session过期时间的方法
Feb 04 Javascript
jQuery动态加载css文件实现方法
Jun 15 Javascript
利用Jquery队列实现根据输入数量显示的动画
Sep 01 Javascript
关于webuploader插件使用过程遇到的小问题
Nov 07 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
Nov 09 Javascript
详解如何在Vue2中实现组件props双向绑定
Mar 29 Javascript
vue父组件向子组件动态传值的两种方法
Nov 11 Javascript
Vue中如何实现proxy代理
Apr 20 Javascript
详解Puppeteer前端自动化测试实践
Feb 21 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
改德生G88 - 加装等响度低音提升电路
2021/03/02 无线电
php中计算未知长度的字符串哪个字符出现的次数最多的代码
2012/08/14 PHP
windwos下使用php连接oracle数据库的过程分享
2014/05/26 PHP
PHP实现的通过参数生成MYSQL语句类完整实例
2016/04/11 PHP
利用PHP判断是否是连乘数字串的方法示例
2017/07/03 PHP
地震发生中逃生十大法则
2008/05/12 Javascript
document.getElementById介绍
2011/09/13 Javascript
基于jquery中children()与find()的区别介绍
2013/04/26 Javascript
Javascript 按位取反运算符 (~)
2014/02/04 Javascript
JS通过ajax动态读取xml文件内容的方法
2015/03/24 Javascript
js变形金刚文字特效代码分享
2015/08/20 Javascript
jQuery四种选择器使用及示例
2016/06/05 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
HTML页面定时跳转方法解析(2种任选)
2016/12/22 Javascript
javascript基本数据类型和转换
2017/03/17 Javascript
Vue2 配置 Axios api 接口调用文件的方法
2017/11/13 Javascript
浅谈node中的cluster集群
2018/06/02 Javascript
js代码实现轮播图
2020/05/04 Javascript
vue 虚拟DOM的原理
2020/10/03 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
2021/01/26 Vue.js
Python中字典(dict)和列表(list)的排序方法实例
2014/06/16 Python
利用Python获取操作系统信息实例
2016/09/02 Python
Django框架模板文件使用及模板文件加载顺序分析
2019/05/23 Python
PyCharm-错误-找不到指定文件python.exe的解决方法
2019/07/01 Python
python 实现按对象传值
2019/12/26 Python
Python中实现输入一个整数的案例
2020/05/03 Python
详解Python设计模式之策略模式
2020/06/15 Python
python和php哪个容易学
2020/06/19 Python
学点简单的Django之第一个Django程序的实现
2021/02/24 Python
Hibernate持久层技术
2013/12/16 面试题
文案策划求职信
2014/03/18 职场文书
代理协议书范本
2014/04/22 职场文书
项目投资合作意向书
2014/07/29 职场文书
员工工作及收入证明
2014/10/28 职场文书
毕业答辩开场白范文
2015/05/27 职场文书
Spring Data JPA框架自定义Repository接口
2022/04/28 Java/Android