linux社区爱心援助Linux认证系列教程业界动态站务新闻公司招聘建议留言网址大全LPI专题CISCO专题
设为首页
加入收藏
管理团队
JSP  
JAVA  
PERL  
 您的位置:首页 > 开发语言 > JavaScript >
栏目导栏
  php
  JSP
  ASP
  asp.net
  JAVA
  c/c++/c#
  perl
  JavaScript
  Basic
  Delphi
资料搜索
热门文章
·javascript 时间对象的格式化
·去掉字符串前后的空格
·javascript 事件调用顺序
·javascript 事件监听机制
·js刷新框架子页面的七种方法
·用javascript操作word文档
·JavaScript:替换字符串
·IE下的JScript编程需注意的内存
·Javascript中CTRL+回车提交表单
·JS 获取鼠标位置
·javascript判断Email地址是否有
·JS实现的滑动展开与折叠效果
·连续滚动图片的制作
·有分页功能的WEB打印
·Javascript中Select的OnChange
最新文章
·使用CSS改变表格边框样式
·为网页添加浮动广告
·判断表单中添加是否数字的JS与
·让浏览器状态栏动起来
·使用Javascript制作行间颜色间
·禁止用右键查看源代码
·网页侦测四法
·制作弹出公告窗口
·为网页添加特效
·网页中取消鼠标右键方法大全
·JavaScript 根据屏幕解析度显示
·如何实现浏览器上的右键菜单
·如何制作浮动广告
·让弹出窗口变得“体贴”一些
·JavaScript技巧:让网页自动穿上
Google
 
JavaScript技巧:让网页自动穿上外套
[ 作者:  加入时间:2008-02-22 14:33:25  来自:Linux联盟收集整理 ]
 进行网页设计时,许多网页都需要相同的边框图案和导航条,FrontPage给我们提供了共享边框方便设计,但是,这样也不太方便,毕竟每个网页都添加了相同的内容,无形中网页增大了,当然,对于动态网页,这不是问题,但是,如果是静态的呢?

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

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

U5FLinux联盟

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

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

U5FLinux联盟

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

 

  这里使用iframe框架.

Linux联盟收集整理 ,转贴请标明原始链接,如有任何疑问欢迎来本站Linux论坛讨论
评论】【加入收藏夹】【 】【打印】【关闭
※ 相关链接
 ·javascript技巧参考  (2007-11-15 12:25:31)