站内搜索: 请输入搜索关键词

当前页面: 开发资料首页Javascript 专题JavaScript技巧:让网页自动穿上外套

JavaScript技巧:让网页自动穿上外套

摘要: JavaScript技巧:让网页自动穿上外套
<tr> <td>

进行网页设计时,许多网页都需要相同的边框图案和导航条,FrontPage给我们提供了共享边框方便设计,但是,这样也不太方便,毕竟每个网页都添加了相同的内容,无形中网页增大了,当然,对于动态网页,这不是问题,但是,如果是静态的呢?

怎样可以克服这个缺点,通过框架可以实现这些的,只是,框架又引来了另一个麻烦,就是如果直接打开框架内部网页,脱去了华丽的外套,是不是显得很单调,这里我们找一种好的方法,让脱去外套的网页自动穿上外套,你想到了吗?如果你对这个议题不感兴趣,你可以走开了,下面我们详细讨论。

在框架网页中,通常使用src参数指定框架内的网页地址,我们要做的就是,当直接打开这个地址时,让它自动监测然后再穿上外套,当然,首先要在网页内添加检测代码,如下:

<table borderColor=#55aaff cellSpacing=0 cellPadding=0 rules=none width=500 align=center bgColor=#ddedfb border=1> <tr> <td width=10>
</td> <td>

<script>
if(top.location==self.location)
{
top.location="index.htm?"+self.location;
}
</script>

</td></tr></table>

就这么简单,注意,index.htm是外套网页地址,接下来要做的就是,怎样让外套网页自动添加这部分内容,我们要在外套网页中解析网页地址,找到参数,然后将框架src参数指向该参数就行了,代码如下:

<table borderColor=#55aaff cellSpacing=0 cellPadding=0 rules=none width=500 align=center bgColor=#ddedfb border=1> <tr> <td width=10>
</td> <td>

<script>
document.write('<iframe id="mid" name="mid" width="100%" height="100%" frameborder="0" scrolling="auto"')if(n>0)//存在参数
{
//指向参数
document.write(" src="+self.location.href.substr(n+1))
}
document.write('></iframe>')
</script>

</td></tr></table>

这里使用iframe框架.

</td> </tr> </table>
↑返回目录
前一篇: 制作仿“QQ秀”的虚拟形象
后一篇: 排序Select中Option项的一个示例