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


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 相关文章推荐
javascript for循环从入门到偏门(效率优化+奇特用法)
Aug 01 Javascript
jquery ajax方式直接提交整个表单核心代码
Aug 15 Javascript
js中substring和substr的详细介绍与用法
Aug 29 Javascript
javascript中offset、client、scroll的属性总结
Aug 13 Javascript
Javascript动画效果(2)
Oct 11 Javascript
angular实现页面打印局部功能的思考与方法
Apr 13 Javascript
详解Vue webapp项目通过HBulider打包原生APP
Jun 29 Javascript
使用pkg打包Node.js应用的方法步骤
Oct 19 Javascript
Vue响应式原理Observer、Dep、Watcher理解
Jun 06 Javascript
Vue2.0 实现页面缓存和不缓存的方式
Nov 12 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
Jan 05 Vue.js
如何利用JavaScript编写一个格斗小游戏
Jan 06 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
shopex主机报错误请求解决方案(No such file or directory)
2011/12/27 PHP
浅析php变量作用域的一些问题
2013/08/08 PHP
php生成无限栏目树
2017/03/16 PHP
Laravel的Auth验证Token验证使用自定义Redis的例子
2019/09/30 PHP
javascript中的107个基础知识收集整理 推荐
2010/03/29 Javascript
关于JavaScript定义类和对象的几种方式
2010/11/09 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
全面解析Bootstrap图片轮播效果
2015/12/03 Javascript
JavaScript笔记之数据属性和存储器属性
2016/03/31 Javascript
jQuery中iframe的操作(点击按钮新增窗口)
2016/04/20 Javascript
JQuery控制图片由中心点逐渐放大效果
2016/06/26 Javascript
对js中回调函数的一些看法
2016/08/29 Javascript
原生的强大DOM选择器querySelector介绍
2016/12/21 Javascript
Vue组件化通讯的实例代码
2017/06/23 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
2017/12/22 Javascript
浅谈React深度编程之受控组件与非受控组件
2017/12/26 Javascript
vue中el-upload上传图片到七牛的示例代码
2018/10/19 Javascript
详解jQuery获取特殊属性的值以及设置内容
2018/11/14 jQuery
JS实现提示框跟随鼠标移动
2019/08/27 Javascript
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
2020/08/04 Javascript
Python中类型检查的详细介绍
2017/02/13 Python
对Python3中的input函数详解
2018/04/22 Python
padas 生成excel 增加sheet表的实例
2018/12/11 Python
将python图片转为二进制文本的实例
2019/01/24 Python
Python中按值来获取指定的键
2019/03/04 Python
Anaconda之conda常用命令介绍(安装、更新、删除)
2019/10/06 Python
使用Keras训练好的.h5模型来测试一个实例
2020/07/06 Python
Trip.com香港网站:Ctrip携程旗下,全球最大的网上旅游社之一
2016/08/01 全球购物
阿玛尼美妆英国官网:Giorgio Armani Beauty英国
2019/03/28 全球购物
日本语毕业生自荐信
2014/02/01 职场文书
工作保证书范文
2014/04/29 职场文书
超市开店计划书
2014/09/15 职场文书
银行员工考核评语
2014/12/31 职场文书
入党群众意见范文
2015/06/02 职场文书
个人销售励志奋斗口号
2019/12/05 职场文书
Golang: 内建容器的用法
2021/05/05 Golang