网址导航
设为首页
收藏本站
网站地图

首页 ‖ 生活热点 ‖ 科学探索 ‖ 旅游攻略  ‖ 两性健康  ‖游戏专区电脑知识 ‖ 明星八卦 ‖ 成人笑话激情图片影视专区社区BBS

  您的位置:生活娱乐网电脑知识网页制作 → 正文
用JavaScript刷新框架子页面的方法
作者: 雨允帆  时间: 2008-03-20  人 气: 4
本文章共2243字,分2页,当前第1页,快速翻页:
 
    下面以三个页面分别命名为framedemo.html,top.html,button.html为例来具体说明如何做。

          其中framedemo.html由上下两个页面组成,代码如下:

    午夜激情QQ群:35262191

    以下是引用片段:
    < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    < HTML>
    < HEAD>
    < TITLE> frameDemo < /TITLE>
    < /HEAD> 
    < frameset rows="50%,50%">
    < frame name=top src="top.html">
    < frame name=button src="button.html">
    < /frameset>
    < /HTML>

           现在假设top.html即上面的页面有一个button来实现对下面页面的刷新,可以用以下七种语句,哪个好用自己看着办了。

           语句1. window.parent.frames[1].location.reload();

           语句2. window.parent.frames.bottom.location.reload();

           语句3. window.parent.frames["bottom"].location.reload();

           语句4. window.parent.frames.item(1).location.reload();

           语句5. window.parent.frames.item('bottom').location.reload();

           语句6. window.parent.bottom.location.reload();

           语句7. window.parent['bottom'].location.reload();

           解释一下:

           1.window指代的是当前页面,例如对于此例它指的是top.html页面。

           2.parent指的是当前页面的父页面,也就是包含它的框架页面。例如对于此例它指的是framedemo.html。

           3.frames是window对象,是一个数组。代表着该框架内所有子页面。

           4.item是方法。返回数组里面的元素。

           5.如果子页面也是个框架页面,里面还是其它的子页面,那么上面的有些方法可能不行。top.html源代码;(页面上有七个按钮,功能都是刷新下面的框架页面)

    以下是引用片段:
    < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    < HTML>
    < HEAD>
    < /HEAD>
    < BODY>
    < input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()">< br>
    < input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()">< br>
    < input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()">< br>
    < input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br>
    < input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()"> br>
    < input type=button value="刷新6" onclick="window.parent.bottom.location.reload()">< br>
    < input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()">< br>
    < /BODY>
    < /HTML>



本站资源均具有真实性 更多相关资讯敬请关注我们


阅读更多内容1 · 2 · 下一页>>

相关文章:  
·用js实现文本区内的内容复制
·用JS实现鼠标点击复制标题和地址...
·推荐几个入门级的JS特效代码
·CSS布局实例:上中下三行,中间自适...
·CSS学习者:2008年不要作浮躁的人
·网页中制作线条的技巧
·用FrontPage八步快速建站
·利用FrontPage 2003轻松制作网络...
·利用FrontPage 2003轻松制作网络...
·FrontPage网上筑巢手记——规划网...
·JavaScript/JS实现标题栏跑马灯
·在IE流览器中正确显示PNG透明图片
·用JS得到字符串中出现次数最多的...
·JavaScript中small函数
·JavaScript静态页面值传递之Cook...
·学习JS之简单语句的写法
·最简单检测网速的方法和应用
·内容拷贝增加版权信息的JavaScri...
·Javascript中判断润年简单的代码...
·在任何位置显示html菜单
相关评论:
热门文章
·如何用dreamweaver制作滚动字幕
·Dreamweaver CS3 CPU使用100%的解
·网站变灰色的方法-哀悼死难同胞
·CSS布局实例:上中下三行,中间自适
·JavaScript/JS实现标题栏跑马灯
推荐文章
·网站变灰色的方法-哀悼死难同胞
·详解Dreamweaver13个技巧
·CSS在Dreamweaver中无效的解决方
·Dreamweaver 8 无法启动的解决方
·blockquote标签应该怎样使用
新增文章
·让FrontPage与Flash共舞
·网上电影发布步步进
·用FrontPage下载网站
·实现网页的动态过渡效果
·用最简单的方法制作电子公告牌
 
广告位招租