中华网通行证
用户名 密码

Javascript:让网页自动穿上外套
中华网科技 http://tech.china.com 2005-11-04 14:51:24
进入BBS】【进入聊天室】【 推荐给朋友 】【浏览字号: 】【关闭窗口

  让网页自动穿上外套
  进行网页设计时,许多网页都需要相同的边框图案和导航条,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>

 

50款最具性价比数码相机/MP3推荐!
作者:CSDN.NET/ggg82 来源: 

发表言论:
笔  名:
查看评论
﹣相关报道
网站宣传另辟蹊径-制作迷你网页 (2005-11-01 11:45:11)
网页广告屏蔽软件大比拼 (2005-10-31 10:26:56)
网页设计中的十大新错误 (2005-10-28 16:23:26)
恶意网页的十二种现象及预防措施 (2005-09-28 11:12:27)
网页艺术设计初步探讨 (2005-09-26 13:25:53)
弹出网页窗口设计全攻略 (2005-09-13 10:59:25)

﹣精彩回顾
·揭秘越南姑娘的“性契约”(组图)
·中国研制成功银河麒麟操作系统
·近处偷拍野狮性爱 野草丛中见柔情(图)
·难得一见“水下分娩”全程跟拍(组图)
·古代性器具及性惩罚工具(组图)
·揭密中外历史上乱伦的名人们(组图)
·探秘世界各地诡异的干尸新娘(组图)
·隋唐两个王朝的九大著名"绿帽子"(组图)
·另类的惨烈:螳螂血战壁虎谁更凶猛(图)
·一分钟平静死去 注射死刑全过程(图)

进入BBS】【进入聊天室】【 推荐给朋友 】【浏览字号: 】【关闭窗口


潮流·时尚
·市场上的天价手机全搜罗
·一周降幅最大手机导购
·FM调频收音功能手机选购
·索尼爱立信三新机曝光
·诺基亚N73音乐版精品赏
·热门便携笔记本搜索导购
·近期最新上市机型大盘点
·矩阵Matrix鼠标垫细评测
·19寸20寸22寸液晶该买谁
·近期几款热卖MP3大推荐
·四大即将退市经典MP3选购
·06年最火七大DC缺点曝光
·六百万像素超值机型推荐
·诺基亚推出随身小音箱
·LG直板巧克力KG99评测
·MOTO新机即将国内上市
·超低价蓝牙手机导购
·130万像素一样拍出好照片
·诺基亚两款蓝牙耳机新品
·索爱纯美折叠机Z558评测

软件下载
·豪杰大眼睛 V2.5
·Foxmail V6.5
·天网防火墙Athena
·极品五笔 V6.8
·PPS网络电视
·超级兔子魔法设置
中华网搜索
站内搜索
全网搜索




热门搜索
耳机 印刷 手机 拖鞋
减速机 钟表 成人用品
减肥 枸杞 T恤 升降机
心理 健康 彩票 招聘
礼品 旅游 猎头 培训

产品服务
·机会!机会不容错过
·中华商机,搜索创新
·准确快捷,搜你所搜
·¥来¥往,尽在中华邮
·中华搜索,贴心搜索




科技频道主编信箱