`
还有也许
  • 浏览: 169224 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

页面中js方法的相互调用

 
阅读更多

做了个项目,由于开发框架的不完善,需要手写一些初级的代码,这里介绍两种两个页面间js方法中的相互调用。

情景一:

页面A嵌套了iframe ,iframe链接地址指向了页面B,那么B中的页面怎么调用A中的方法呢?

页面A

function deleteList(delValue){
       document.getElementById("delValues").value=delValue;
  }

在页面B中可以这样写,用parent对象就可以调到 :

     parent.deleteList(result);

适用场景:

B页面中的数据,传到A页面,结合A页面的数据,执行一些操作。

场景二:

B页面是由A页面通过open方式弹出的,那么B页面调用A页面的方法就只能用

window.opener.deleteList(result);  了。

 

注意:关于父页面,不要让眼睛欺骗了你,代码写在哪个页面,父页面就是哪个。比如,B页面调用A页面的代码弹出了一个C页面,看着是从B页面弹出的,但是父页面确实A页面。

分享到:
评论

相关推荐

    浅谈js中子页面父页面方法 变量相互调用

    (1)子页面调用父页面的方法或者变量: window.parent.方法()或者变量名 window.parent相当于定位到父页面 之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent.bb;//调取bb变量 ...

    vbscript和javascript互相调用方法

    本文将深入探讨VBScript和JavaScript互相调用的方法,以及它们在ASP环境中的应用,帮助读者理解这两种脚本语言如何协同工作。 ### VBScript与JavaScript的基本介绍 VBScript(Visual Basic Scripting Edition)是...

    用js互相调用iframe页面内的js函数

    在这个场景下,涉及到的一个常见需求就是如何用JavaScript在主页面与`iframe`页面之间互相调用函数,以便于进行更复杂的交互。 标题提到的问题是在各种浏览器中,尤其是考虑到跨浏览器兼容性时,如何用JS实现主页面...

    js与aspx相互调用

    js与aspx相互调用js与aspx相互调用js与aspx相互调用js与aspx相互调用

    js调用C#方法

    本文将详细介绍如何实现前端JavaScript(JS)与后端C#之间的相互调用,这对于构建功能丰富的Web应用至关重要。下面将按照问题的四个要点逐一展开。 #### 1. JavaScript调用C#方法 JavaScript可以通过以下步骤来...

    iframe父页面与子页面通信及相互调用方法

    "iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...

    Android关于HTML页面与Native方法相互调用

    除了让JavaScript调用原生方法,我们还可以在Java代码中调用JavaScript函数。使用`WebView`的`loadUrl`方法,传入一个JavaScript命令即可: ```java webView.loadUrl("javascript:window.someJSFunction('参数')");...

    (js)父子页面相互调用总结(js)父子页面相互调用总结

    ### (JS)父子页面相互调用总结 在前端开发中,常常会遇到需要在不同的页面之间进行数据交换或状态同步的情况。特别是在涉及到`iframe`或`window.open`打开的新窗口时,这种需求更为常见。本文将详细介绍如何在父...

    WebBrowser中JS和C++代码互相调用

    这篇博客的配套文件主要探讨了如何在WebBrowser控件中实现JavaScript(JS)与C++代码的互相调用,从而实现更灵活的交互功能。这种技术通常用于增强网页应用的功能,或者在桌面应用中利用JavaScript的便利性来操控...

    安卓webview中的h5页面里js和java相互调用

    本篇将详细探讨如何在Webview中的H5(HTML5)页面里实现JavaScript(js)与Java代码的相互调用,从而增强用户体验并实现更丰富的功能。 首先,我们需要理解JavaScript与Java交互的基本原理。Android的Webview提供了...

    关于 js 和 applet 相互调用的例子

    而在Applet中,可以使用`getScriptEngine()`方法获取JavaScript引擎,从而调用JS函数。 让我们深入到例子中,假设我们有一个名为"AppletExample.jar"的Applet,它包含一个名为`MyApplet`的类,这个Applet需要与页面...

    Android与H5交互相互调用对方的方法

    为了安全起见,从Android 4.2(API级别17)开始,使用`@JavascriptInterface`注解标记的方法才能在JavaScript中调用。因此,`Bridge`类的方法应这样写: ```java public class Bridge { @JavascriptInterface ...

    iOS与js相互调用

    在UIWebView中,可以定义一个`UIWebViewDelegate`协议的方法来监听JavaScript的`window.location`改变,通过添加自定义的URL Scheme来调用OC方法: ```objc @interface ViewController () @end @implementation ...

    ActionScript与JavaScript相互调用

    ### ActionScript与JavaScript相互调用 #### 概述 随着互联网技术的发展,网页设计与开发逐渐成为一门重要的技能。在这一领域中,多种脚本语言和技术被广泛应用,以实现更加丰富的用户体验。其中,ActionScript与...

    swift 与 javascript 之间的相互调用及传值

    3. 在JavaScript中发送消息:在JavaScript代码中,使用window.webkit.messageHandlers对象来调用Swift注册的handler,通过postMessage方法发送数据。 4. Swift接收并处理消息:当JavaScript发送消息时,Swift的...

    C#和JavaScript相互调用

    根据提供的文件信息,我们可以深入探讨C#与JavaScript相互调用的几种方法。 ### 1. 使用ASP.NET的Response对象写入JavaScript代码 在ASP.NET中,可以通过`Response.Write`方法将JavaScript代码直接输出到客户端的...

    java与js相互调用,含可用的dwr.jar

    本篇文章将深入探讨DWR框架及其在Java和JavaScript相互调用中的应用。 DWR的核心功能是提供一种机制,使得JavaScript能够直接调用Java对象的方法,反之亦然。这种机制基于AJAX(Asynchronous JavaScript and XML)...

Global site tag (gtag.js) - Google Analytics