`

【转】javascript中父、子页面间调用

    博客分类:
  • js
js 
阅读更多

这段时间一个项目大量使用到了JS,虽然自己以前有所了解、也很感兴趣,可毕竟没做过什么项目,趁此机会,终于对JS算有了实战了(公司知道了可不爽了)。趁今天有点儿空,写下来,怕时间长了,又忘了。 这次主要谈谈父子页面间的调用。

父页面调用子页面,目前我知道有三种,以后知道了再补充

第一种:采用window.open(),打开一个新窗口

第二种:采用嵌入frame式调用,比如:

      <iframe src="/**.jsp" width="100%" height=100% name="mapFrame"></iframe>

第三种:采用window.showModalDialog(),打开一个新窗口

       showModalDialog('/window.jsp', window,'dialogHeight:300px;dialogWidth:600px;status=off');

对第一情况,父子页面间的处理:

      父页面调用子页面

           子页面用window.open打开,调用方法为

            var aa = window.open();

            aa. child ();//child ()为子页面的方法

      子页面调用父页面

             window.opener . parent ()  // window.opener 实际上就是通过window.open打开的窗体的父窗体。

对第二情况,父子页面间的处理:

      父页面调用子页面

            mapFrame. child ();//mapFrame为父页面中frame的name值,child()子页面中方法

      子页面调用父页面

            Window.parent. parent ()

对第三情况,父子页面间的处理:

      父页面不能调用 子页面的方法

      子页面调用父页面

             window.dialogArguments. parent ();

 

转自:http://www.360doc.com/content/11/0525/17/6161903_119333834.shtml

分享到:
评论

相关推荐

    iframe子父页面调用js函数示例.docx

    iframe 子页面调用父页面 js 函数 在 iframe 子页面中调用父页面的 js 函数非常简单,只需要使用 `window.parent` 对象。例如,要调用父页面的 `a()` 函数,只需要写成: ``` window.parent.a(); ``` 如果要在 ...

    JavaScript实现IFrame子窗口调用父窗口的全局变量

    JavaScript实现IFrame子窗口调用父窗口的全局变量

    js(javascript)子窗口和父窗口交互

    有两种方式 第一种:对于用window.open()方法打开的页面 第二种:用window.showModalDialog()

    JavaScript中的子窗口与父窗口的互相调用问题

    本文给大家介绍了JavaScript中的子窗口与父窗口的互相调用问题,非常不错,具有参考借鉴价值,需要的朋友参考下吧

    Jquery调用iframe父页面中的元素及方法

    一、在iframe中查找父页面元素的方法: $(‘#id', window.parent.document) 二、在iframe中调用父页面中定义的方法和变量: parent.method parent.value 三、实例 父页面: &lt;&#37;@ Page Language="C#" ...

    JSP父页面传参数到子页面及接收示例

    1、父页面传参数到子页面 代码如下: //JavaScript代码 $.ajax({ type:”POST”, uri:”../student/studentInfo.action”, data:{ “date”:date, “stuNo”:stuNo }, success:function(data){ var params = “?...

    javascript刷新父页面的各种方法汇总

    用iframe、弹出子页面刷新父页面iframe [removed] parent.location.reload(); [removed] 弹出子页面 [removed] window.opener.location.reload(); [removed] 子窗口刷新父窗口 [removed] self.opener.location....

    JavaScript子窗口ModalDialog中操作父窗口对像

    1、不能使用window.parent Window.parent是用来在frame中进行操作的,在对话框中不能用来操作父窗口对象 2、正确的做法 调用modaldialog时通过传参数的方式操作 例: 需求 父窗口页面为a.html 子窗口页面为b.html。...

    javascript写的windows资源管理器

    解压运行scripting.html,在IE6.0中打开(不能单独打开view.html这是一个子页面,必须由父页面调用)即可。 本javascript程序是我自己利用业余时间做的,主要是编写javascript进一步对其进行控制。 因为时间的关系只...

    asp.net下利用JS实现对后台CS代码的调用方法

    在gridView中有些行是没有处理过的,用户用鼠标点击该行后即表示用户处理过这一行了,行的状态要和普通的一样了,但是GridView没有对行的事件处理,必须要用JavaScript对后台的事件进行调用,如果细心的话你会发现...

    javascript函数的解释

    47.当在超链接中调用JS函数时用:(javascript:)来开头后面加函数名 48.在老的浏览器中不执行此JS:&lt;!-- //--&gt; 49.引用一个文件式的JS:&lt;script type="text/javascript" src="aaa.js"&gt; 50.指定在不支持脚本的浏览器显示...

    JavaScript详解(第2版)

    1.4 JavaScript及其在Web页面中的位置 3 1.5 Ajax是什么 5 1.6 JavaScript是什么样子的 6 1.7 JavaScript及其在Web开发中承担的角色 7 1.8 JavaScript和事件 9 1.9 标准化JavaScript和W3C 11 1.9.1 ...

    opener实例页面之间传递参数

    在jsp页面通过javascript,调用opener方法在页面之间传递参数,子页面将参数返回给父页面

    使用Java JSP JavaScript实现多级下拉菜单.pdf

    JSP将服务器返回的数据集,放入隐藏的下拉框控件中,并调用JavaScript脚本进行处理。 二、关键算法简介 1.从数据库取得菜单数据集,生成可排序,并且包含菜单真正路径的数据集合的遍历算法简介: 步骤一:从...

    js AspxButton的客户端操作

    javascript调用父窗口(父页面)的方法 window.parent与window.opener的区别 javascript调用主窗口方法 1: window.parent 是iframe页面调用父页面对象 2: window.opener 是window.open 打开的子页面调用父页面对象...

    javascript常用对象梳理

    功能:window对象的子对象document是javascript的核心对象,在脚本中遇到 BODY元素时创建一个实例。 15. history属性 语法格式: window.history[数值] window.history.方法() window.history.属性 window...

    JavaScript笔记

    [removed]标签:页面中专门集中编写JavaScript的区域 js的方法定义:function方法名([参数列表]){ 方法体 [return 返回值] } 注意:js中的方法可以直接写在代码中,不需要“类”包裹 使用方法:方法名()--&gt;...

    107个常用javascript语句

    47.当在超链接中调用JS函数时用:(javascript :)来开头后面加函数名 48.在老的浏览器中不执行此JS:&lt;!-- //--&gt; 49.引用一个文件式的JS:&lt;script type="text/javascript" src="aaa.js"&gt; 50.指定在不支持脚本的浏览器显示...

Global site tag (gtag.js) - Google Analytics