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

你是我的眼会

你是我的眼会

2016-01-29 11:41

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com)

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

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


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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com)


<script
document.write('<iframe id="mid" name="mid" width="100%" height="100%" frameborder="0" scrolling="auto"')
var n=self.location.href.indexOf("?")//查看是否包含参数
if(n0)//存在参数
{
//指向参数
document.write(" src="http://img.jcwcn.com/attachment/portal"

展开更多 50%)
分享

猜你喜欢

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

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

网页制作之Javascript代码技巧

Web开发
网页制作之Javascript代码技巧

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

网页常用小技巧—javascript篇

Web开发
网页常用小技巧—javascript篇

Html:小技巧:网页自动转向代码

Web开发
Html:小技巧:网页自动转向代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript教程:网页中加入JavaScript

Web开发
JavaScript教程:网页中加入JavaScript

给眼镜穿上优雅的韩式拼布外套

布艺diy 布艺
给眼镜穿上优雅的韩式拼布外套

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

从业余到专业:网页设计的四个基本准则(概述篇)

从业余到专业:网页设计的四个基本准则(概述篇)

利用JavaScript创建功能强大的GUI(1)

利用JavaScript创建功能强大的GUI(1)
下拉加载更多内容 ↓