導航:首頁 > 編程語言 > 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對象函數互相調用方法相關的資料

熱點內容
pc桌面壁紙文件夾 瀏覽:473
微信怎麼添加群 瀏覽:781
40歲男人適合的微信名 瀏覽:925
編程里比例怎麼打 瀏覽:215
蘋果12兩個app如何分屏 瀏覽:592
ps下載完不是壓縮文件 瀏覽:362
電腦中的個人文件包括什麼 瀏覽:572
網路連接一般什麼密碼 瀏覽:199
java定時器quartz實例 瀏覽:259
稻殼excel文件太大怎麼弄 瀏覽:901
文件里的視頻如何保存到相冊 瀏覽:428
手機百度雲文件電腦 瀏覽:957
編程怎麼做到時鍾精準 瀏覽:912
錘子用過的壁紙在哪個文件里 瀏覽:468
qq網站安全性未知訪問不了怎麼辦 瀏覽:270
燕秀怎麼修改編程人名字 瀏覽:789
2012年天之眼導航升級 瀏覽:595
如何安裝視頻文件 瀏覽:315
紅米2A升級miui9 瀏覽:927
如何在表格中加入一行資料庫 瀏覽:421

友情鏈接