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


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 相关文章推荐
accesskey 提交
Jun 26 Javascript
js计算两个时间之间天数差的实例代码
Nov 19 Javascript
javascript常用方法汇总
Dec 02 Javascript
了解Javascript的模块化开发
Mar 02 Javascript
理解javascript正则表达式
Mar 08 Javascript
js纯数字逐一停止显示效果的实现代码
Mar 16 Javascript
AngularJS中过滤器的使用与自定义实例代码
Sep 17 Javascript
详解如何将 Vue-cli 改造成支持多页面的 history 模式
Nov 20 Javascript
Vue路由history模式解决404问题的几种方法
Sep 29 Javascript
图解javascript作用域链
May 27 Javascript
vue cli3 调用百度翻译API翻译页面的实现示例
Sep 13 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/09/01 PHP
php实现读取内存顺序号
2015/03/29 PHP
php实现网页缓存的工具类分享
2015/07/14 PHP
php简单实现sql防注入的方法
2016/04/22 PHP
PHP实现计算器小功能
2020/08/28 PHP
javascript克隆对象深度介绍
2012/11/20 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
2013/02/26 Javascript
Javacript实现颜色梯度变化和渐变的效果代码
2013/05/31 Javascript
javaScript 页面自动加载事件详解
2014/02/10 Javascript
扩展jQuery对象时如何扩展成员变量具体怎么实现
2014/04/25 Javascript
js实现正方形颜色从下往上升的效果
2014/08/04 Javascript
text-align:justify实现文本两端对齐 兼容IE
2015/08/19 Javascript
浅析AngularJS中的指令
2016/03/20 Javascript
Vue中父组件向子组件通信的方法
2017/07/11 Javascript
详解vue 项目白屏解决方案
2018/10/31 Javascript
解决Vue打包后访问图片/图标不显示的问题
2019/07/25 Javascript
Element Card 卡片的具体使用
2020/07/26 Javascript
JavaScript 监听组合按键思路及代码实现
2020/07/28 Javascript
小程序实现上下切换位置
2020/11/16 Javascript
[01:03:27]Optic vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python在windows下实现备份程序实例
2014/07/04 Python
Python基于回溯法子集树模板解决全排列问题示例
2017/09/07 Python
Python实现判断并移除列表指定位置元素的方法
2018/04/13 Python
Python3安装pip工具的详细步骤
2019/10/14 Python
pandas之分组groupby()的使用整理与总结
2020/06/18 Python
HTML5混合开发二维码扫描以及调用本地摄像头
2017/12/27 HTML / CSS
美国一家运动专业鞋类零售商:Warehouse Shoe Sale(WSS)
2018/03/28 全球购物
李维斯法国官网:Levi’s法国
2019/07/13 全球购物
最受欢迎的自我评价
2013/12/22 职场文书
高二美术教学反思
2014/01/14 职场文书
商场端午节活动方案
2014/01/29 职场文书
幸福家庭事迹材料
2014/02/03 职场文书
仲裁协议书
2014/09/26 职场文书
三年级学生评语大全
2014/12/26 职场文书
银行求职信范文
2019/05/13 职场文书
JS中如何优雅的使用async await详解
2021/10/05 Javascript