JavaScript让网页自动穿上外套的方法技巧

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

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

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

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

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

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

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

　　这里使用iframe框架，具体应用可在我的网站ggg82.126.com上看到.

　　你可以点这里看一下效果，如有不懂的地方，也可以联系我。有什么好的看法，欢迎与我讨论.

关键词：

【推荐给好友】【关闭】

最新五条评论

查看全部评论

评论总数 0 条

您的评论

用户名： （新注册） 密　码： 匿名：

·用户发表意见仅代表其个人意见，并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯，提倡就事论事，杜绝漫骂和人身攻击等不文明行为

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有