[搬家前]企业网站修改

做了很蛋疼的一件事，修改企业网站的架构。

企业网站，就显示上、功能上是没问题的。但它把所有的页面，都写成一个个独立的页面。每个页面里都有共同的元素，如标题栏，侧边栏，底部等等。这样做是很方便，当需要添加一个页面时，直接复制，把需修改的中间部分改变即可。

但是，修改起来就要命了...由于要添加一两个栏目，甚至说是修改标题上的一个字，那么，需要到所有的静态页面上去修改。从程序的角度来讲，这些复制粘贴的代码，不常变化的，就应该抽取出来，作为一个部分被调用。这样，修改也很是方便。

所以，就要修改下网站的架构。将头部，侧栏，底部放在一个html里。至于经常变化的部分，使用iframe，通过链接来制定刷新这部分内容。这样，经常变动的，与不常变动的部分分离开来，方便维护。

使用iframe时，通过指定超链接的target为iframe的name，就可以在当前地方打开页面，实现局部刷新页面。并且，通过设置iframe的scrollbar、border等属性，可以改变其显示外观。

遇到的主要问题有两个：

1.iframe自适应高度。

由于iframe可能指向大小不同的页面，所以，需要动态调整它的大小。参考：http://ued.koubei.com/?p=243。

主要是window.setInterval("reinitIframe()", 200);的使用，隔一段时间，检测当前iframe内容的大小，调整。

2.点击了的侧边栏改变图片显示。

如点击了“简介”，简介变为亮色图片，其余为暗色。再点击“联系”，它变亮简介要变暗。主要是onclick，onmouseup两种event。注意它们的位置即可。将onmouseup放在包含多个<a href=...></a>的<div></div>里，在这范围内点击了，默认都变暗。而onclick在超链接<a href=...></a>里，指明它要变亮，抵消全体的变暗行为。一点点逻辑，一点点的event处理。

现在感觉还是有点问题。使用这种方法处理后，只有一个网站：..../index.html。这样，不能通过网址来区分各种的页面，比如联系啊之类的，用户就不能收藏特定的页面。还是要进一步想清楚。（不能盲目相信师姐的话了..）

 

 

的确...跟产品商量过了，不要这么实现，因为每个网页都是独立的。而且，这种网站的修改不频繁，没必要这么折腾。。。

so，白做了。当学习了。

 

囧