导航:首页 > 编程语言 > js对象函数互相调用方法

js对象函数互相调用方法

发布时间:2023-05-20 10:27:27

js里有两个方法,怎么实现其中一个方法调用另一个方法中的变量

第一种方法。

1.首先准备好两个js文件

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

最近,天天搞论文开题报告,一时技痒,再次设计Web,一下子就碰到一个问题,以前设计WEB页的时候都是在IE里
面跑的,从来没有考虑过firefox
更别提chrome了,可是现在不同了,至少我认为不兼容Firefox的WEB页面是极其丑陋和山寨的,所以从有个这个观念开始,我设计页面就开始注意
这个兼容性,而这次就碰到一个兼容性的问题,html里面有一个浮动框架,<iframe
>,可以在页面中内嵌入一个页面,用来做框架页面非常适合,如下图,

一个html页面,分成左右两块,左边为导航栏,右边为需要显示的内容,代码如下:
左栏的代码为:
<IFRAME
frameBorder=0
id=frmTitleLeft
name=framLeft
src="left.html"
style="HEIGHT:
100%;
width:180px;">
连接到left.html
右栏也类似,就本人所做的页面,预览的效果如下:

现在要达到什么样的效果才能起到比较实用的效果呢,点击其中的任何链接,都可以在右栏显示,那么很显然需要通过js来实现,原始的不兼容的办法我也不多说了,请大家记住以下实现步骤:
1,首先获得右栏iframe对象
var
frames=document.getElementById("frameid");//frameid即右栏iframe的id名
2,重置其src值
frames.src=pageurl;//pageurl即要显示的目的页面
这样就实现了页面的跳族升袭转
但是还有一点,如果想调用其中的函数就不是这么简单了
比如右栏中有一个函数right(),我要在左栏的链接中调用right()函数,该如何实现呢
1,首先leftframe是内嵌在容器页index.html中笑正的,因此需要先返回到index这一级别,并取得rightframe对象
var
frames=window.parent.window.document.getElementById("frameid");
2,要能执行其页面中的函数,必须要获得window对象,这里有一个重要的对象contentWindow,获得这个对象,即可执行其中的函兆兄数了,如
frames.contentWindow.right();
以上代码兼容IE6,Firefox3,chrome2.0,均成功通过测试,IE7没试过,不过应该没问题。

Ⅲ JS 如何调用函数内部的函数(可以这样的理解:通过一个函数可以调用另一个函数的内部函数)

var obj = function() {
this.a = function(arg){alert(arg);}
this.b = function(arg){alert(arg+1);}
}
var fn = new obj;
fn.a('TEST');

Ⅳ js 面向对象中的函数相互之间如何调用

用Function.prototype.bind即可
比如this.ele.addEventListener('touchstart', this.selectmouse.bind(this));
定义在Dumplings.prototype里的函数如果作为Dumplings实例的方法调用,其this指针会指向内Dumpling实例。
但作为参数容传递给其他函数(比如addEventListener)时其this指针会被重置,由addEventListener控制。
你需要在prototype里的函数里调用其它同级的函数,this就应当指向Dumplings实例,用this.ele来绑定事件和访问事件的对象,这样才能通过this来访问其他同级对象。为防止addEventListener改变this的指向,需要用bind固定下来。

Ⅳ js方法调用

JS函数的定义与调用方法
JS函数调用的四种方法:方法调用模式,函数调用模式,构造器调用模式,apply,call调用模式

1.方法调用模式:
先定义一个对象,然后在对象的属性中定义方法,通过myobject.property来执行方法,this即指当前的myobject
对象。
var blogInfo={
blogId:123,
blogName:"werwr",
showBlog:function(){alert(this.blogId);}
};

blogInfo.showBlog();

2.函数调用模式
定义一个函数,设置一个变量名保存函数,这时this指向到window对象。

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

alert(myfunc(3,4));

3.构造器调用模式
定义一个函数对象,在对象中定义属性,在其原型对象中定义方法。在使用prototype的方法时,必须实例化该对象才能调用其方法。
var myfunc = function(a){
this.a = a;
};
myfunc.prototype = {
show:function(){alert(this.a);}
}

var newfunc = new myfunc("123123123");
newfunc.show();

4.apply,call调用模式
var myobject={};
var sum = function(a,b){
return a+b;
};
var sum2 = sum.call(myobject,10,30); //var sum2 = sum.apply(myobject,[10,30]);
alert(sum2);

Ⅵ js 函数如何去调用另一个函数中的函数

具体调用情况需要看js方法是怎么写的。

①如果是最简单的一个方法:functiuon dome1(){ //.代码块}//调用方法就是:dome1();

②如果是闭包形式:function dome1(){ function dome2(){ } return function dome3(){ }}//这里可以访问dome1方法内的dome3方法,dome2方法对与dome1方法外部是不可见的。

③如果是一个对象形式的:var obj={ dome1:function(key,value){}, dome2:function(){}};//访问dome1和dome2方法:obj.dome1(1,2);obj.dome2();其他的情况需要看具体的代码。

(6)js对象函数互相调用方法扩展阅读:

建函数的语法:

function函数名 (var1, var2, ..., varX) {代码... }

function函数名 (var1, var2, ..., varX) {代码... }

var1, var2 等指的是传入函数的变量或值。{ 和 } 定义了函数的开始和结束。

注意:无参数的函数必须在其函数名后加括号:

function函数名 () {代码... }

function函数名 () {代码... }

注意:别忘记 javaScript 中大小写字母的重要性。"function" 这个词必须是小写的,否则 JavaScript 就会出错。另外需要注意的是,必须使用大小写完全相同的函数名来调用函数。

Ⅶ 如何在js文件中调用另一个js中的方法(详细请进)

Js文件中调用其它Js函数的方法:
1、例如有这样一个html,里面有一个按钮,当按下时调用b.js文件中的方法b()。而b()中又要调用a.js文件中的方法a()。那我们应该怎么做呢?
首先,在html中引入b.js,并在之后加入引用语句。必须注意,将要引入的Js文件代码放在下面。

b.js文件中引入a.js,内容如下:
new_element=document.createElement("script");

new_element.setAttribute("type","text/javascript");
new_element.setAttribute("src","a.js");// 在这里引入了a.js
document.body.appendChild(new_element);
function b() {
a();
}

在b.js文件中前4行代码中我们引入了a.js文件,并在第7行代码中调用了a.js代码中的a()方法。
注意:一定要放在body下面。
因为在b.js中用到了body(document.body.appendChild(new_element);)
如果将引如b.js的代码放在body上面,也就是说, 进入页面后,还没有生成body就已经执行b.js里的document.body.appendChild(new_element);了。 这时body不存在就会抛javascript错误。

Ⅷ js同一个对象中的方法怎么互相调用

把数据变量放到window对象下面比如window.data=1;那么现在这个data就是全局的。在别的函数里面可以用window.data来获得

Ⅸ JS通过函数名调用函数

调用方式:
方法调用模式
函数调用模式
构造器调用模式
1:方法调用模式。
/*方法调用模式*/
var myobject={
value:0,
inc:function(){
alert(this.value)
}
}
myobject.inc()

2:函数调用模式
/*函数调用模式*/

var add=function(a,b){
alert(this)//this被绑顶到window
return a+b;
}
var sum=add(3,4);
alert(sum)

3:构造器调用模式
var quo=function(string){
this.status=string;
}
quo.prototype.get_status=function(){
return this.status;
}
var qq=new quo("aaa");
alert(qq.get_status());

4:apply调用模式
/*apply*/
var arr=[10,20];
var sum=add.apply(myobject,arr);
alert(sum);

Ⅹ 如何调用js文件中对象的函数

代码如下:
1.HTML页面:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="1.js" ></script>
<script type="text/javascript" src="2.js" ></script>
</head>

<body>
<input type="text" id="tex" name="tex" onblur="fun();" />
</body>
</html>

2.js:

function onCli(){
var va=document.getElementById("tex").value;
if(null == va || "" == va){
alert("请在文本框中输入内容!");
return false;
}
return true; //当va的值不为空时 if(onCli())中onCli()是undefined
}

3.js

function fun(){
if(onCli()){
alert("调用成功!");
}
}

阅读全文

与js对象函数互相调用方法相关的资料

热点内容
抖音小店的访客数据怎么看 浏览:670
怎么把c语言编程的字符向下移动 浏览:786
sql删除文件组代码 浏览:978
安卓post请求多重json 浏览:776
微信消除数据怎么恢复 浏览:918
小米刷机显示系统找不到指定文件 浏览:528
苹果手机小风扇图app叫什么 浏览:292
繁体中文输入工具 浏览:916
pc桌面壁纸文件夹 浏览:473
微信怎么添加群 浏览:781
40岁男人适合的微信名 浏览:925
编程里比例怎么打 浏览:215
苹果12两个app如何分屏 浏览:592
ps下载完不是压缩文件 浏览:362
电脑中的个人文件包括什么 浏览:572
网络连接一般什么密码 浏览:199
java定时器quartz实例 浏览:259
稻壳excel文件太大怎么弄 浏览:901
文件里的视频如何保存到相册 浏览:428
手机百度云文件电脑 浏览:957

友情链接