首页 爱情文章 亲情文章 友情文章 生活随笔 校园文章 经典文章 人生哲理 励志文章 搞笑文章 心情日记
  • 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
    •
    当前位置: 山茶花美文网 > 人生哲理 > 正文

    多窗口的分帧页面间的交互 智翔通客户交互平台 - 登陆页面

    时间：2020-04-27来源：山茶花美文网 本文已影响 人 山茶花美文网手机站

    在多窗口的分帧页面中，各分窗口之间的信息交互是经常的事。在导航窗口中点了超级链接，那么如何在另一窗口中打开链接的网页呢？我在这个窗口中按下按钮，能在另一个窗口中写信息吗？窗口那么多，又如何识别窗口呢？请看下面的例子。

    一、在导航窗口点击链接，在另一窗口打开网页

    多窗口的分帧页面间的交互1

    现有一分帧页面如上图所示的，A窗口是网站logo及广告，B窗口是导航栏，C是显示页面的窗口。该分帧页面的源代码为：

    frameset rows="20%,*"

    frame name="topFrame" scrolling="NO" noresize src="toppage.htm"

    frameset cols="18%,*"

    frame name="leftFrame" noresize src="leftpage.htm"

    frame name="mainFrame" src="mainpage.htm"

    /frameset

    /frameset

    若要求在B窗口中的链接页面（test.htm）在C窗口中打开，那么B窗口中的链接应这样写：a herf="test.htm" target="mailFrame"此链接的页面在C窗口中打开，在这里起关键作用的是标记中的target参数，你想在那个窗口中打开网页，就在Target参数中设置那个窗口的名称。

    二、在B窗口中按下一个按钮，在C窗口中写一行字

    本例的页面格式与上例相同，完成后的效果是这样的：按下B窗口中“在C窗口写字”的按钮后，在C窗口中就出现一行文字“嗨！你好！这是通过B窗口控制而写的字。”。分帧页面的代码及每个窗口中的网页文件与上例相同。

    制作方法：

    1、 在C窗口网页（mainpage.htm）的源代码与/head之间插入下面这段Javascript程序：

    script language="Javascript"

    /script

    这段程序的作用是在当前窗口写上一段文字。

    2、那么如何在B窗口中调用C窗口中的程序呢？先看B窗口中“在C窗口中写字”这个按钮的源代码：

    input type="button" value="在C窗口中写字" onclick="parent.mainFrame.htest()"

    在这段代码中，关键是代码“parent.mainFrame”，这里引入一个新的概念―窗口结构关系，也就是在多窗口页面中，各窗口之间的关系是以什么原则来确定的。窗口关系的确定原则是：当前窗口分割出来的窗口为当前窗口的“子窗口”（children），那么当前窗口就是分割出来窗口的“父窗口”（parent）。如本例中各窗口的关系如下：

    多窗口的分帧页面间的交互2

    从上表可得知，“浏览器窗口”是“topFrame”和“下部窗口”的“父窗口”，而下部窗口又是“leftFrame”和“mainFrame”两个窗口的“父窗口”。两个窗口之间的联系必须通过它们的父窗口才能进行，所以本例中要调用C窗口中网页上的“htest()”很显然是通过C与B的parent再到mainFrame，然后调用htest()程序。

    那么若C窗口中向B窗口中写字的代码就是这样的了： onclick="parent.leftFrame.htest()"；那么，在A窗口中要向C窗口中写一段文字的代码你知道怎样写吗？对了，就是这样：onclick="grandchildren.mainFrame.htest()"。

    从上面的例子中可看出，在各窗口之间进行交互信息，关键的问题是要搞清楚窗口与窗口之间的关系，其它的操作就比较简单了。

    • 多窗口的分帧页面间的交互 智翔通客户交互平台 - 登陆页面 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全

    最新文章

    热点文章

    推荐访问

    军训远足心得体会 军训爬山心得体会 大学军训徒步拉练感想 军训徒步作文 军训徒步10公里感想 军训徒步心得体会 5分钟演讲中秋节节日 中秋一分钟演讲 中秋节演讲稿4分钟 中秋节演讲稿一分钟 中秋节演讲稿五分钟 3-5分钟 中秋节短篇演讲稿 中秋节演讲稿两分钟 中秋节的演讲稿3分钟 关于中秋节的演讲稿三分钟 孩子体验军训的心得 参加孩子军训活动的感受与收获 家长对孩子军训后的收获和感悟 小孩军训的收获与感悟 学生军训的收获与感悟 孩子军训成长过程家长感悟 孩子军训感悟 孩子军训心得体会 孩子军训的收获与感悟 兵役前训练心得体会 部队当兵的心得 新兵役前教育训练心得体会 预备役军训心得体会 新兵军训感悟

    本文多窗口的分帧页面间的交互 智翔通客户交互平台 - 登陆页面由山茶花美文网整理提供，版权归原作者、原出处所有。

    Copyright © 山茶花美文网 All Rights Reserved.