JavaScript中调用函数的4种方式代码实例,浅谈js中子页面父页面方法

(2)父页面调取子页面,apply调用模式

JavaScript中调用函数的4种方式代码实例,浅谈js中子页面父页面方法。JavaScript中调用函数的4种方式代码实例,浅谈js中子页面父页面方法。(1)子页面调用父页面的方法或者变量:

1:方法调用模式

window.parent.方法()或者变量名
JavaScript中调用函数的4种方式代码实例,浅谈js中子页面父页面方法。window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写

var myObj = {//对象字面量
  param1: 1,
  param2: 2,
  sum: function (){
//this关键字只带当前的对象
return this.result = this.param1 + this.param2;
  }
}
myObj.sum(); //=>3
window.parent.aa();//调取aa函数
window.parent.bb;//调取bb变量

例如:想在子页面中得到id为aaa的文本框的值

window.parent.$("#aaa").val();//这种写法的前提是引用了jquery 

window.parent.getElementById("aaa").value; //js的写法

2:函数调用模式

JavaScript中调用函数的4种方式代码实例,浅谈js中子页面父页面方法。(2)父页面调取子页面

var add = function(a, b){
  return a + b;
}
//函数调用模式
add(1,2); //=>3

主要是通过contentWindow定位到子页面

JavaScript中调用函数的4种方式代码实例,浅谈js中子页面父页面方法。还可以

document.getElementById("childframe").contentWindow.childtest();
//调取子页面中的childtest方法 js的写法

var childWindow = $("#addFrame")[0].contentWindow;//获取子窗体中的对象
childWindow.formSubmit();//调取子页面的formSubmit方法 jquery的写法
//注释:其中 childframe和addFrame 都时iframe的id
function add(a, b){
  return a + b;
}
add(1,2);//=>3

JavaScript中调用函数的4种方式代码实例,浅谈js中子页面父页面方法。以上这篇浅谈js中子页面父页面方法
变量相互调用就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

JavaScript中调用函数的4种方式代码实例,浅谈js中子页面父页面方法。3:构造器调用模式

您可能感兴趣的文章:

  • Android WebView的使用方法及与JS
    相互调用
  • Android编程使用WebView实现与Javascript交互的方法【相互调用参数、传值】
  • Objective-C 代码与Javascript
    代码相互调用实例
  • 基于js里调用函数时,函数名带括号和不带括号的区别
  • JS中使用apply方法通过不同数量的参数调用函数的方法
  • JavaScript中调用函数的4种方式代码实例
  • Javascript调用函数方法的几种方式介绍
  • 一个Js文件函数中调用另一个Js文件函数的方法演示
var add = function() {
  this.name = "汇智网";
  this.sum = function (a, b){
    return a + b;
  }
}
// 构造器调用模式
var obj = new add(); //obj是一个对象
obj.sum(1,2); //=>3

4:apply调用模式

var add = function (a, b) {
  return a + b;
}

add.apply(null,[1,2]); //=>3

也可以用call

var add = function (a, b) {
  return a + b;
}
add.call(null,1,2); //=>3

您可能感兴趣的文章:

  • Android WebView的使用方法及与JS
    相互调用
  • Android编程使用WebView实现与Javascript交互的方法【相互调用参数、传值】
  • Objective-C 代码与Javascript
    代码相互调用实例
  • 浅谈js中子页面父页面方法
    变量相互调用
  • 基于js里调用函数时,函数名带括号和不带括号的区别
  • JS中使用apply方法通过不同数量的参数调用函数的方法
  • Javascript调用函数方法的几种方式介绍
  • 一个Js文件函数中调用另一个Js文件函数的方法演示