文件:
<div id="main-content">
<script src="myad/serv.php?s=1" type="text/javascript"></script> // 这个script返回一个广告视图
</div>想实现,如果 main-content div 的 高度如果小于800px 不显示,否则显示 <script src="myad/serv.php?s=1" type="text/javascript"></script> 不能使用 #main-content.hide(),因为这样广告实际还会加载的,然后后台会统计展示率的。
<div id="main-content">
<script src="myad/serv.php?s=1" type="text/javascript"></script> // 这个script返回一个广告视图
</div>想实现,如果 main-content div 的 高度如果小于800px 不显示,否则显示 <script src="myad/serv.php?s=1" type="text/javascript"></script> 不能使用 #main-content.hide(),因为这样广告实际还会加载的,然后后台会统计展示率的。
if(parseInt($("#main-content").height()) < 80){
$("#main-content").empty(); //把这层清空掉
}
});
<script>
var main-content=document.getElementById('main-content');
if(main-content.offsetHeight>=800){
var script=document.createElement('script');
script.src='myad/serv.php?s=1';
script.type='text/javascript';
main-content.appendChild(script);
}
</script>
<script type="text/javascript">
var d=document.getElementById('main-content');
var h=d.offsetHeight;
var sc=document.createElement('script');
sc.src="";
sc.type="text/javascript"
if(h>100){
d.style.display='block';
d.appendChild(sc);
}else{d.style.display="none"}
</script>
<body >
<div id="main-content">adsdasdad<br>ffsadfsf
<br>
fsdfas<br>
</div>
<div id="ad-display"></div> <script>
var main-content=document.getElementById('main-content');var ad-block = document.getElementById('ad-display');if(main-content.offsetHeight>=1){ var script=document.createElement('script'); script.src=' http://count44.51yes.com/click.aspx?id=447497024&logo=1'; script.type='text/javascript'; ad-block.appendChild(script);}
</script></body>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".test").click(function(){
$.getScript("http://count44.51yes.com/click.aspx?id=447497024&logo=1");
});
});
</script>
</head>
<body>
<div class="test">ggadgf</div>
<p>If you click on me, I will disappear.</p>
<p>Click me away!</p>
<p>Click me too!</p>
<div class="ad" style="border:1px">fsafsdf</div>
</body>
</html>