導航:首頁 > 文件教程 > 調用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文件中的方法相關的資料

熱點內容
aecc視頻教程 瀏覽:983
linux怎麼查看資料庫用戶名 瀏覽:182
cefs文件系統 瀏覽:404
學平面設計個編程哪個好 瀏覽:701
如何把編程文件轉為hex 瀏覽:80
清除蘋果地圖來自地址 瀏覽:233
已經打開的文件如何清理 瀏覽:685
視頻網站有什麼用 瀏覽:70
多個表格文件怎樣壓縮文件 瀏覽:729
cad文件大很卡如何解決 瀏覽:633
將java程序打包成apk 瀏覽:277
2021唱吧文件找不到了 瀏覽:463
華為p9手機文件管理 瀏覽:284
固定在工具欄的文件夾怎麼查找路徑 瀏覽:667
半條命2有幾個版本 瀏覽:333
電腦管家微信備份文件夾 瀏覽:826
ubuntu文件夾解鎖 瀏覽:34
網站多少錢一單 瀏覽:382
系統鏡像恢復找不到文件 瀏覽:255
進什麼網站 瀏覽:588

友情鏈接