導航:首頁 > 文件教程 > 調用js文件中的方法

調用js文件中的方法

發布時間:2022-10-04 13:50:47

① 如何調用js文件

寫個js文件 文件名暫定為 a.js
a.js裡面的內容如下:
function showTime(){
var time = new Date();
alert(time);
}

寫一個html文件 文件名暫定為 b.html(把a.js和b.html放一個文版件夾)
b.html裡面的內容如下:

<html>
<head><title>time<title/>
<script src="a.js" type="text/javascript"></script>
<head>
<body>
點擊顯示權時間:<input type="button" onclick="showTime()" />
<body/>
<html/>

自己運行下試試~

② 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中的方法(詳細請進)

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文件中的方法

在JS文件A中調用另一JS文件B,可以實現,但只能等A載入完成後才能載入B,實現代碼:
在A中插入以下代碼(經本地調試成功)
var otherJS = 'diaoyong.js';//js的地址,請自定義
document.write('<scr' + 'ipt type="text/javascript" src="'+otherJS+'"></scr' + 'ipt>');

如要調試,請在與頁面同目錄創建diaoyong.js,內容為
alert('調用到了外部的js!');

以上將追加<script src="diaoyong.js" type="text/javascript"></script>在A引用的後面

注意:只能等A載入完成後才能載入B,所以A在載入完成後不能馬上執行B中的任何代碼的,它們間相互調用的代碼必須等B也載入完成後才行;而且應該盡量使用函數直接定義,而非變數賦值匿名函數的方式來創建函數。

⑤ 怎麼在jsp頁面中調用js文件中的函數

1、在jsp頁面的<head></head>標簽里增加<script>標簽調用js就行了,下面內是示例:
<head>
<script
type="text/javascript"
language="javascript"
src="文件路容徑/xx.js"></script>
<script
type="text/javascript"
language="javascript"
src="文件路徑/xxx.js"></script>
</head>
2、在jsp頁面的<body></body>標簽里增加<script>標簽調用js也可以,下面是示例:
<body>
<script
type="text/javascript"
language="javascript"
src="文件路徑/xx.js"></script>
<script
type="text/javascript"
language="javascript"
src="文件路徑/xxx.js"></script>
</body>
PS:需要調用多個js文件,就寫多個<script>標簽調用即可,調用的js文件不能是相同路徑下的同個文件。

⑥ 如何調用外部js文件中的方法

引入對應的js文件,然後直接調用其方法名。如:

index.js

functionaa(){
alert("HelloWorld!");
}

在index.html文件中:

<scriptsrc="index.js"></script>

<script>
window.onload=function(){
aa();//調用
}
</script>

src是js文件的路徑及名稱,根據js文件位置寫。

⑦ js文件能調用另一個js文件里的方法嗎

我們知道,在html中,利用<script language="javascript" type="text/javascript" src="./script.js"></script>引入的兩個js是不可以相互調用的。那麼該如何解決呢?當然,你可以將代碼通通過來,也許你並不喜歡這樣。
例如有這樣一個html,裡面有一個按鈕,當按下時調用b.js文件中的方法b()。而b()中又要調用a.js文件中的方法a()。若要實現這個功能,必須注意,將要引入的Js文件代碼放在</body>下面。
首先,我們在html中引入b.js,並在</body>之後加入引用語句。如下:

<html>
<body>
<input type="button" value="ok" onClick="javascript:b()">
</body>
<!--這里引用要放在body下面-->
<script language="JAVASCRIPT" src='b.js'></script>
</html>

b.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()方法。
讓我們來分析一下關鍵的幾句代碼:首先,我們利用document.createElement("script")生成了一個script的標簽,設置其type屬性為text/javascript,src為a.js(這里的a.js同b.js放在同一個目錄,也可放在不同的目錄)。最後將這個標簽動態地加入body中。如此一來,我們就可以調用到不同js文件中的方法了。

⑧ html如何調用外部js中得方法

需要准備的材料分別有:電腦、html編輯器、瀏覽器。

1、首先,打開html編輯器,新建html文件,例如內:index.html,引用容外部js,例如index.js。

⑨ 怎麼調用js文件中的函數

具體調用情況需要看js方法是怎麼寫的。
①如果是最簡單的一個方法:
1
2
3
4
functiuon
dome1(){
//....代碼塊
}
//調用方法就是:dome1();
②如果是閉包形式:
1
2
3
4
5
6
7
8
9
function
dome1(){
function
dome2(){
}
return
function
dome3(){
}
}
//這里可以訪問dome1方法內的dome3方法,dome2方法對與dome1方法外部是不可見的。
③如果是一個對象形式的:
1
2
3
4
5
6
7
var
obj={
dome1:function(key,value){},
dome2:function(){}
};
//訪問dome1和dome2方法:
obj.dome1(1,2);
obj.dome2();
其他的情況需要看具體的代碼。

⑩ jsp頁面中調用js文件中的方法如何實現

1、在jsp頁面的<head></head>標簽里增加<script>標簽調用js就行了,下面是示例:
<head>
<script type="text/javascript" language="javascript" src="文件路徑內/xx.js"></script>
<script type="text/javascript" language="javascript" src="文件路徑/xxx.js"></script>
</head>

2、在jsp頁面的<body></body>標簽里增加<script>標簽調用js也可以容,下面是示例:
<body>
<script type="text/javascript" language="javascript" src="文件路徑/xx.js"></script>
<script type="text/javascript" language="javascript" src="文件路徑/xxx.js"></script>
</body>

PS:需要調用多個js文件,就寫多個<script>標簽調用即可,調用的js文件不能是相同路徑下的同個文件。

閱讀全文

與調用js文件中的方法相關的資料

熱點內容
今晚你會去看電影嗎?英語 瀏覽:356
一個電影裡面有樹人和小孩子 瀏覽:942
有床戲的外國電影 瀏覽:632
免費在線電視劇電影網址 瀏覽:192
韓國艷情電影合集在線觀看 瀏覽:203
看電影時女生手總是環抱著 瀏覽:73
公主和妓女 瀏覽:730
iphone5如何刪除其他 瀏覽:532
win10停在關機界面 瀏覽:629
celluloid教程 瀏覽:210
大話西遊2在線看免費 瀏覽:10
什麼看電視沒有水印 瀏覽:538
手機通訊錄與qq好友 瀏覽:236
牛客網java輸入輸出 瀏覽:370
什麼app要qq登錄 瀏覽:534
oracle資料庫如何執行 瀏覽:80
有趣的家庭的網站有哪些 瀏覽:148
域名升級訪問通知 瀏覽:270
片名《鬼作秀之頭顱鬼屋》 瀏覽:936
電腦系統host文件 瀏覽:996

友情鏈接