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


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 相关文章推荐
菜单效果
Oct 14 Javascript
jquery api参考 visualjquery 中国线路 速度快
Nov 30 Javascript
JavaScript QueryString解析类代码
Jan 17 Javascript
jQuery 图片切换插件(代码比较少)
May 07 Javascript
js实现拉伸拖动iframe的具体代码
Aug 03 Javascript
JS简单实现动画弹出层效果
May 05 Javascript
有关jQuery中parent()和siblings()的小问题
Jun 01 Javascript
JS基于递归实现倒计时效果的方法
Nov 26 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
Jan 11 Javascript
基于vue2.0+vuex的日期选择组件功能实现
Mar 13 Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
Mar 21 jQuery
利用js实现简单开关灯代码
Nov 23 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制作3D扇形统计图以及对图片进行缩放操作实例
2014/10/23 PHP
php写入数据到CSV文件的方法
2015/03/14 PHP
php同时使用session和cookie来保存用户登录信息的实现代码
2016/05/13 PHP
jquery判断单个复选框是否被选中的代码
2009/09/03 Javascript
javascript使用eval或者new Function进行语法检查
2010/10/16 Javascript
JavaScript 高级篇之函数 (四)
2012/04/07 Javascript
JS实现适合于后台使用的动画折叠菜单效果
2015/09/21 Javascript
Node.js 应用跑得更快 10 个技巧
2016/04/03 Javascript
Bootstrap中表单控件状态(验证状态)
2016/08/04 Javascript
jQuery内容筛选选择器实例代码
2017/02/06 Javascript
js实现前端图片上传即时预览功能
2017/08/02 Javascript
BootStrap TreeView使用实例详解
2017/11/01 Javascript
第一个Vue插件从封装到发布
2017/11/22 Javascript
微信小程序实现tab页面切换功能
2018/07/13 Javascript
Vue项目安装插件并保存
2019/01/28 Javascript
Vue使用zTree插件封装树组件操作示例
2019/04/25 Javascript
nodejs log4js 使用详解
2019/05/31 NodeJs
vue如何自动化打包测试环境和正式环境的dist/test文件
2019/06/06 Javascript
ES6 Symbol数据类型的应用实例分析
2019/06/26 Javascript
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
2020/05/03 Javascript
详解Vue的组件中data选项为什么必须是函数
2020/08/17 Javascript
Django中使用group_by的方法
2015/05/26 Python
Python中的 enum 模块源码详析
2019/01/09 Python
提升Python程序性能的7个习惯
2019/04/14 Python
Python 读取用户指令和格式化打印实现解析
2019/09/02 Python
keras-siamese用自己的数据集实现详解
2020/06/10 Python
Canvas与Image互相转换示例代码
2013/08/09 HTML / CSS
猫咪家具:CatsPlay
2018/11/03 全球购物
公务员职业生涯规划书范文  
2014/01/19 职场文书
工厂会计员职责
2014/02/06 职场文书
电力安全事故反思
2014/04/27 职场文书
2015年机关纠风工作总结
2015/05/15 职场文书
中秋节晚会开场白
2015/05/29 职场文书
运动会加油稿
2015/07/22 职场文书
使用jpa之动态插入与修改(重写save)
2021/11/23 Java/Android
DE1103使用报告
2022/04/05 无线电