首页>互联网>语言脚本>JavaScript>正文

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

日 期:2006-10-22     来 源:    阅 读:
  

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

 

 


上一篇:一个简单的javascript菜单(5)   下一篇:一个非常强大完整的web表单验证程序(1)
收藏本文到:
digg this! 添加到del.icio.us bbmao网络收藏夹 添加到365key 我顶 添加到bolaa 推荐到奇客发现 添加到新浪vivi 添加到google书签 添加到yahoo+
查看全部JavaScript内容  
  • 一个简单的javascript菜单(5)  2006-10-22 00:00:00
       //隐藏子菜单 this.hideMenu=function(){ if(menu.selectedIndex==-1) return; menu.barItems[menu.selectedIndex].className=id+"_barItem"; menu.pads[selectedIndex].st...[阅读全文]
  • 一个非常强大完整的web表单验证程序(1)  2006-10-22 00:00:00
       表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的...[阅读全文]
  • 一个强制弹出窗口的javascript类:ForceWindow  2006-10-22 00:00:00
       一个可以不被广告拦截器拦截的弹出窗口,参见地址:http://www.iecn.net/forum/showthread.php?s=threadid=14903 ForceWindow.iclass.js代码如下(使用、讲解、相关说明全...[阅读全文]
  • 一个非常强大完整的web表单验证程序(2)  2006-10-22 00:00:00
       Validator 完整代码: style body,td{font:normal 12px Verdana;color:#333333} input,textarea,select,td{font:normal 12px Verdana;color:#333333;border:1px solid #999...[阅读全文]
  • javascript实用技巧集锦(4)  2006-10-22 00:00:00
       31.TEXTAREA自适应文字行数的多少 textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight" /textarea 32. 日期减去天数等于第二个日...[阅读全文]
  • 基于客户端的分页导航(1)  2006-10-22 00:00:00
       思路:用纯JS的方法,只能通过判断当前页面的文件名,然后算出上下页地址,首页和尾页需要在脚本中配置好,最后生成导航代码。用数据绑定的方法则要简单得多,设定dataPage...[阅读全文]
  • javascript实用技巧集锦(3)  2006-10-22 00:00:00
       21.让弹出窗口总是在最上面: body onblur="this.focus();" 22.不要滚动条? 让竖条没有: body style="overflow:scroll;overflow-y:hidden" /body 让横条没有: body style="o...[阅读全文]
  • Select的OnChange()事件  2006-10-22 00:00:00
       我们用Select的onchange事件时,常会遇到这样一个问题,那就是连续选相同一项时,不触发onchange事件.select的onchange事件就是这样子的.你得有Change(改变),才能触发该事件.....[阅读全文]
  • javascript实用技巧集锦(2)  2006-10-22 00:00:00
       14. 光标是停在文本框文字的最后 script language="javascript" function cc() { var e = event.srcElement; var r =e.createTextRange(); r.moveStart("character",e.valu...[阅读全文]
  • 几行代码轻松搞定网页的简繁转换  2006-10-22 00:00:00
       对网页进行简繁字体转换的方法一般有两种:一是使用《简繁通》这样的专业软件,另外一种是制作两套版本的网页。显然,这两种方法都较为麻烦,而且专业软件一般不能用于免费...[阅读全文]
  • javascript实用技巧集锦(1)  2006-10-22 00:00:00
       ...[阅读全文]
  • 打印网页时去掉页眉页脚  2006-10-22 00:00:00
       script language="JavaScript" var hkey_root,hkey_path,hkey_key hkey_root="HKEY_CURRENT_USER" hkey_path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\" //...[阅读全文]
  • 基于客户端的分页导航(3)  2006-10-22 00:00:00
       技巧:如果每次只显示一条记录,还可以用记录集移动的方法: forums forum name[FLASH技术交流]/name moderator ![CDATA[版主:赢点儿 chenye_1976 holybozo laiy.net]]/mo...[阅读全文]
  • IE5+专有日历  2006-10-22 00:00:00
       ...[阅读全文]
  • 基于客户端的分页导航(2)  2006-10-22 00:00:00
       2.对表格进行数据绑定,然后用对象的翻页方法实现 forums forum name[FLASH技术交流]/name moderator ![CDATA[版主:赢点儿 chenye_1976 holybozo laiy.net]]/moderator de...[阅读全文]
  • 跨框架下拉菜单  2006-10-22 00:00:00
       HTML XMLNS:myMenu ?IMPORT namespace="myMenu" implementation="study/menu1.htc" / HEAD/HEAD SCRIPT function doFunction(){ // Retrieve the result from the event ob...[阅读全文]
  • 网页经典代码(一)  2006-10-22 00:00:00
       ...[阅读全文]
  • 用鼠标拖动表格进行排序  2006-10-22 00:00:00
       script language="javascript" var beginMoving=false; function MouseDownToMove(obj){ obj.style.zIndex=1; obj.mouseDownY=event.clientY; obj.mouseDownX=event.client...[阅读全文]
  • 源码学习:一个简单的日历控件(7)  2006-10-22 00:00:00
       else{ var theCell=theRow.insertCell(j); theCell.style.cssText="background-color:#F0F0F0;cursor:default;"; } } } //****************调整日历位置**************// v...[阅读全文]
  • 通用表单验证函数  2006-10-22 00:00:00
       不管是动态网站,还是其它B/S结构的系统,都离不开表单 表单做为客户端向服务器提交数据的载体担当相当重要的角色. 这就引出了一个问题,提交的数据合法吗?摆在我们面前的问题...[阅读全文]
 用户名: 新注册) 密码: 匿名发表 评论(0条)
 评论内容:(不能超过250字,不支持HTML或代码,只能发表纯文字,请自觉遵守互联网相关政策法规。)
[an error occurred while processing this directive]
合作伙伴: 电脑综合 8vv8娱乐榜

关于扑虎 | 扑虎新闻 | 联系扑虎 | 广告服务 | 招贤纳士

Copyright @ 2006-2007 poohu.com. All Right Reserved 陕ICP备06010975号