多语言展示
当前在线:355今日阅读:23今日分享:25

静态网站如何让各栏目调用不一样的内容

现在网站大部分都是生成静态的,有时候可能要根据不同的栏目调用显示不同的广告,但如果做到模版里面每次修改时就得去生成网页。这样麻烦不说还对SEO不友好,因为生成的日期都是同一天了。下面介绍如何不用生成也可以方便修改和管理。
工具/原料

JS代码

方法/步骤
1

首页,我们的思路就是根据浏览器的路径来判断,一般网站的结构都是首页-频道-列表页,看我们是需要跟据不同的频道页来显示广告还是列表页。下面为大家介绍2级判断。下图为2级判断完整代码,下面进行分步讲解

2

首页我们要获取当前页面的URL,代码如下:window.parent.location.href.toLowerCase();大家可以用火狐浏览器的firebug的脚本功能查看是不是能获取到。

3

获取到页面URL后,我们要进行拆分,把频道页和列表页的名称拆分出来:var f = new Array();f = folder.split("/"); var misc = f[3]; //表示获取第三个/后的内容var misd = f[4]; //表示获取第四个/后的内容以/来查找,从下图中可以看到第3个/后是"list",第4个/后是"4"那们我上面定义的变量值就是misc=listmisd=4

4

获取到频道页和列表页的值后,我们就要根据判断把要显示广告赋值给变量,到时输出变量值就可以了。if (misc=="fuke"){     if (misd=="wtrl"){     ssss="swt_rl"; } else if (misd=="tijiantaocan"){     ssss="swt_tj"; } else  {  ssss="swt2";  }  } else if (misc=="chanke"){     if (misd=="fmyy"||misd=="shuizhongfenmian"||misd=="poufuchan"||misd=="zhunbamadaxue"){     ssss="swt_fm";  } else if (misd=="siweicaichao"||misd=="chanqianjiancha"||misd=="chanqianjiancha"){     ssss="swt_sw";  } else  {  ssss="swt2";  }  }代码贴出来太乱。大家看图我们得把要显示的广告赋值给一个变量,我们这里用的是ssss红色处,就是我们上一步获取到的频道页;紫色处,就是我们上一步获取的列表页以下代码解释为,如果当前频道页为chanke,列表页为siweicaichao,那么SSSS=swt_sw(特定的广告),如果只是频道页为chanke,列表页不在我的判断中。那么ssss=swt_gg(公共广告)

5

以上步骤操作完后就可以输出广告了;document.writeln(" ");代码中的ssss就是我们上一步定义的要显示的广告JS名称我这里是把每个广告做成一个JS。跟据判断来显示对应的JS广告。这个可以不定义直接输出也行。这个看大家怎么方便就怎么写。下图就是对应的JS广告文件

6

var folder = window.parent.location.href.toLowerCase(); var f = new Array(); f = folder.split("/"); var misc = f[3]; var misd = f[4]; var ssss if (misc=="fuke"){     if (misd=="wtrl"){     ssss="swt_rl";   } else if (misd=="tijiantaocan"){     ssss="swt_tj";  } else  {  ssss="swt2";  }  } else if (misc=="chanke"){     if (misd=="fmyy"||misd=="shuizhongfenmian"||misd=="poufuchan"||misd=="zhunbamadaxue"){     ssss="swt_fm";  } else if (misd=="siweicaichao"||misd=="chanqianjiancha"||misd=="chanqianjiancha"){     ssss="swt_sw";  } else  {  ssss="swt2";  }  } else if (misc=="wuchuang"||misc=="tangshishaicha"||misc=="tangshishaicha"||misc=="tangshishaicha"){  ssss="swt_sw";  } else {  ssss="swt2";  } document.writeln(" ");//输出广告以上为完整代码。做好之后这些广告的地方就可以跟据不同页面显示不同广告了。

注意事项

广告显示的地方可以定义,也可以直接输出。

推荐信息