Rexdf

The devil is in the Details.

Javascript改变div位置

| Comments

因为对速度的优化过程中发现谷歌广告拖慢了网页加载至少3s以上。原来谷歌广告是放在<body></body>开始部分,作为菜单一级div附属的。这样后果是,没有加载谷歌广告就不会加载后面的body的主要内容,严重拖慢了加载时间,故将其放到了footer部分,然后用css把其对齐到上面。
原来广告放在<div id=”ads_”></div>里面,把代码移动到footer部分,并没有直接删掉ads_层,而是重新命名了一个层<div id=”ads_bott”></div>,因为ads_采用css定位和控制大小的,这样ads_空层占位符的作用了,整个页面感觉没有变化一样。另外一个重要的作用就是可以用js进行相对定位。代码如下,折腾了大约两个小时,因为以前没有怎么系统学习js,还是比较纠结的。结论是:.style.top和.style.left作为左值,只能接受字符型的”10px”赋值。 附上代码吧:

<script type="text/javascript">
// < ![CDATA[
document.getElementById("ads_bott").style.left=document.getElementById("ads_").offsetLeft+"px";
document.getElementById("ads_bott").style.top=(60+document.getElementById("ads_").offsetTop)+"px";

// ]]></script>

Comments