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


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中继承的一些示例方法与属性参考
Aug 07 Javascript
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
Nov 20 Javascript
jquery检测input checked 控件是否被选中的方法
Mar 26 Javascript
JS实现在状态栏显示打字效果完整实例
Nov 02 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
Sep 04 Javascript
原生js实现焦点轮播图效果
Jan 12 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
Jul 27 Javascript
JS运动特效之任意值添加运动的方法分析
Jan 24 Javascript
微信小程序左滑动显示菜单功能的实现
Jun 14 Javascript
JS对象与json字符串相互转换实现方法示例
Jun 14 Javascript
使用node.js实现微信小程序实时聊天功能
Aug 13 Javascript
bootstrap-paginator服务器端分页使用方法详解
Feb 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查询域名状态whois的类
2006/11/25 PHP
php上传功能集后缀名判断和随机命名(强力推荐)
2015/09/10 PHP
javascript div 遮罩层封锁整个页面
2009/07/10 Javascript
jquery中获得$.ajax()事件返回的值并添加事件的方法
2010/04/15 Javascript
js中跨域方法原理详解
2015/07/19 Javascript
js实现消息滚动效果
2017/01/18 Javascript
微信小程序 页面传值详解
2017/03/10 Javascript
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
2017/03/23 jQuery
vue实现长图垂直居上 vue实现短图垂直居中
2017/10/18 Javascript
原生js实现移动端触摸轮播的示例代码
2017/12/22 Javascript
微信小程序WebSocket实现聊天对话功能
2018/07/06 Javascript
小程序显示弹窗时禁止下层的内容滚动实现方法
2019/03/20 Javascript
微信小程序实现页面分享onShareAppMessage
2019/08/12 Javascript
layui form.render('select', 'test2') 更新渲染的方法
2019/09/27 Javascript
微信小程序实现星级评价
2019/11/20 Javascript
基于ts的动态接口数据配置的详解
2019/12/18 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
2020/11/11 Javascript
Python 'takes exactly 1 argument (2 given)' Python error
2016/12/13 Python
Python、PyCharm安装及使用方法(Mac版)详解
2017/04/28 Python
Python实现控制台中的进度条功能代码
2017/12/22 Python
Python使用itchat模块实现群聊转发,自动回复功能示例
2019/08/26 Python
Python3操作Excel文件(读写)的简单实例
2019/09/02 Python
python实现QQ邮箱发送邮件
2020/03/06 Python
使用pymysql查询数据库,把结果保存为列表并获取指定元素下标实例
2020/05/15 Python
查找适用于matplotlib的中文字体名称与实际文件名对应关系的方法
2021/01/05 Python
期终自我鉴定
2014/02/17 职场文书
民族团结先进集体事迹材料
2014/05/22 职场文书
学校与家长安全责任书
2014/07/23 职场文书
我们的节日国庆活动方案
2014/08/19 职场文书
2014年党的群众路线整改措施思想汇报
2014/10/12 职场文书
小学六一儿童节活动总结
2015/05/05 职场文书
2015年学校财务工作总结
2015/05/19 职场文书
刮痧观后感
2015/06/05 职场文书
2016年“11.11”光棍节活动总结
2016/04/05 职场文书
新手初学Java网络编程
2021/07/07 Java/Android
小程序实现侧滑删除功能
2022/06/25 Javascript