根据Url里不同的参数,加载不同的图片和css?

呃,我有一些模版页面,是html文件,上面有一些固定的内容,比如输入框、按钮等;还有一些想要变化的内容,比如banner的图片,logo的图片,某些元素的背景颜色等(可以理解为不同的主题)。

现在的需求是,想跟不同的网站合作,根据url的参数的不同,让模版页面加载不同的banner图片,不同的logo图片,以及各个元素不同的css(比如一个按钮的背景颜色,或者按钮的文字内容。)

https://index.html?source=segmentfault
https://index.html?source=stackoverflow

比如如果检测到url参数是segmentfault,就加载为它设计的banner,还有它的logo,以及对应的颜色主题;如果检测到url参数是stackoverflow,就换另一套。

希望各位巨巨能给点思路,小弟感激不尽。

=========================割========================

退一步来说,如果在线检测并且加载做不到的话,那么能不能做到:

我写一些模版页面,加一个配置文件,配置文件里配上需要变化的各种参数,然后就能生成一套套不同的html文件和css文件?

这个问题好像问得太小白了= =好吧别喷我。。。。

1、纯样式不同,界面结构相同,根据接受的参数,加载不同的CSS

默认:
<link rel="stylesheet" href="base_default.css">
segmentfault:
<link rel="stylesheet" href="base_segmentfault.css">
stackoverflow:
<link rel="stylesheet" href="base_ stackoverflow.css">

2、样式不同,部分内容也不同,那么MVC结构下也非常容易实现的,只需要判断参数,渲染不同的view即可;

如果对接的外部系统较多,考虑增加管理后台,用于管理外部系统所用到的样式/view;

既然参数都传过来了,直接把图片或者想修改的样式改成动态参数,后台取到来源sf之后,用动态参数渲染模板就是了.
if sf:

logo = sf.png

前端模板 <img src=”{% logo %}” />
如果不同的比较多,渲染不同的模板也可以,自己改呗.