寫個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文件不能是相同路徑下的同個文件。