CSDN博客里面挂广告的推荐方法

最新推荐文章于 2025-03-16 17:58:09 发布

ID~DN小白

最新推荐文章于 2025-03-16 17:58:09 发布

阅读量959

点赞数

文章标签： css javascript html

原文链接：https://blog.csdn.net/guangyinglanshan/article/details/54899005

版权

这篇博客详细介绍了如何通过JavaScript实现网页广告的精确定位，包括设置广告ID，使用CSS绝对定位，处理页面加载和窗口resize事件，以及错误处理。代码示例展示了如何在页面加载完成后将广告移动到目标位置，并在页面尺寸变化时自动调整，确保广告始终可见。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

objParen;
objTop += objParen;
objParent = objParen;
}
// 我们已经拿到了我们要定位的广告元素位置了

2 我们的广告
查看复制到剪切板打印

里面注意我使用了GOOGLE_COMMENT作为这个广告的ID,同时设置了CSS属性为绝对定位，不显示。

3 移动我们的广告到正确的位置
查看复制到剪切板打印
// 得到我们前面的广告对象
var gg = (“GOOGLE_COMMENT”);
// 相对于我们要放广告的位置，加上一个偏移量
=(objLeft +450)+“px”;
= (objTop+10)+“px”;
// 显示广告
="";

// 得到我们前面的广告对象
var gg = (“GOOGLE_COMMENT”);
// 相对于我们要放广告的位置，加上一个偏移量
=(objLeft +450)+“px”;
= (objTop+10)+“px”;
// 显示广告
="";

4 在页面装载完毕后再显示广告
因为我们的代码在整个页面的前部，所以不能一开始就运行，否则根本找不到一些在后面才出现的元素。
我们把自己的代码放在一个function里面
查看复制到剪切板打印
function GOOGLEResize(){
// 我们全部的初始化代码
}
// 当页面装载完毕后，再运行我们的程序
=GOOGLEResize;

function GOOGLEResize(){
// 我们全部的初始化代码
}
// 当页面装载完毕后，再运行我们的程序
=GOOGLEResize;

5 处理页面的resize事件
在IE里，可以简单的用
查看复制到剪切板打印
=GOOGLEResize;

=GOOGLEResize;
但是在Firefox里面，则必须用定时器进行定期检测才行
查看复制到剪切板打印
var startWidth = (“body”)[0].offsetWidth;
function checkFFresize() {
var resizeWidth = (“body”)[0].offsetWidth;
if (resizeWidth == startWidth) {
} else {
startWidth=(“body”)[0].offsetWidth;
GOOGLEResize();
}
setTimeout(“checkFFresize();”,2000);
}
if () {
} else {
setTimeout(“checkFFresize();”,1000);
}