ad.asp
现有一个广告显示也面;每一个部分调用一个JS广告代码;内容如下
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>广告测试</title>
</head><body>
<div id="ad1"><script type="text/javascript" src="1.js"></script></div><div id="ad2"><script type="text/javascript" src="2.js"></script></div>
<div id="ad3"><script type="text/javascript" src="3.js"></script></div>
<div id="ad4"><script type="text/javascript" src="4.js"></script></div>
<div id="ad5"><script type="text/javascript" src="5.js"></script></div>
<div id="ad6"><script type="text/javascript" src="6.js"></script></div>
</body>
</html>
 
 每个JS文件中只含有一段代码  document.writeln("google_ad1"); 或者document.writeln("google_ad2");
因为我觉得一个页面中含有太多的JS文件对搜索引擎不是太友好
我希望:
第一种办法  把这些JS文件中的广告代码合并成一个文件 ; 每一个广告代码写成一段函数 每一部分函数都能很方便的调用
第二种办法:  
 
 把ad.asp 代码能够简洁成 以下方式;里面不含JS路径  可以用一个函数show(1) 来来访问JS文件的路径 或者用innerhtml的方式来实现;同样能达到显示广告的目的
 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>广告测试</title>
</head><body>
<div id="ad1"></div>
<div id="ad2"></div>
<div id="ad3"></div>
<div id="ad4"></div>
<div id="ad5"></div>
<div id="ad6"></div>
</body>
</html>

解决方案 »

  1.   

    ad.asp<body>
    <div id="ad1"></div>
    <div id="ad2"></div>
    <div id="ad3"></div>
    <iframe src="/ad/ad.htm" style="display:none;"></iframe>
    </body>ad.htm<body>
    <div id="a1"><script type="text/javascript" src="/ad/google_ad1.js"></script></div>
    <div id="a2"><script type="text/javascript" src="/ad/google_ad2.js"></script></div>
    <div id="a3"><script type="text/javascript" src="/ad/google_ad3.js"></script></div>
    <script type="text/javascript">
    function $(id){return window.parent.document.getElementById(id);}
    function $$(id){return document.getElementById(id);}
    if($("ad1")){$("ad1").innerHTML=$$("a1").innerHTML;}$$("a1").innerHTML="";
    if($("ad2")){$("ad2").innerHTML=$$("a2").innerHTML;}$$("a2").innerHTML="";
    if($("ad3")){$("ad3").innerHTML=$$("a3").innerHTML;}$$("a3").innerHTML="";
    </script>
    </body>
      

  2.   

    我觉得这个方法不是太好;毕竟又多出一页 希望不用 IFRAME ;有没有更好的办法了