javascript常用函式大全

風靈使發表於2018-10-24

javascript函式一共可分為五類:
•常規函式
•陣列函式
•日期函式
•數學函式
•字串函式

1.常規函式

javascript常規函式包括以下9個函式:
(1)alert函式:顯示一個警告對話方塊,包括一個OK按鈕。
(2)confirm函式:顯示一個確認對話方塊,包括OK、Cancel按鈕。
(3)escape函式:將字元轉換成Unicode碼。
(4)eval函式:計算表示式的結果。
(5)isNaN函式:測試是(true)否(false)不是一個數字。
(6)parseFloat函式:將字串轉換成符點數字形式。
(7)parseInt函式:將符串轉換成整數數字形式(可指定幾進位制)。
(8)prompt函式:顯示一個輸入對話方塊,提示等待使用者輸入。例如:

<script language="javascript">  
<!--  
alert("輸入錯誤");  
prompt("請輸入您的姓名","姓名");  
confirm("確定否!");  
//-->   
script>  

(9)unescape函式:解碼由escape函式編碼的字元。

2.陣列函式

javascript陣列函式包括以下4個函式:
(1)join函式:轉換並連線陣列中的所有元素為一個字串。例:

function JoinDemo()  
{  
var a, b;  
a = new Array(0,1,2,3,4);  
b = a.join("-");//分隔符   
return(b);//返回的b=="0-1-2-3-4"   
}  

(2)length函式:返回陣列的長度。例:

function LengthDemo()  
{  
var a, l;  
a = new Array(0,1,2,3,4);  
l = a.length;  
return(l);//l==5   
}  

(3)reverse函式:將陣列元素順序顛倒。例:

function ReverseDemo()  
{  
var a, l;  
a = new Array(0,1,2,3,4);  
l = a.reverse();  
return(l);  
}  

(4)sort函式:將陣列元素重新排序。例:

function SortDemo()  
{  
var a, l;  
a = new Array("X" ,"y" ,"d", "Z", "v","m","r");  
l = a.sort();  
return(l);  
}  

3.日期函式

javascript日期函式包括以下20個函式:
(1)getDate函式:返回日期的"日"部分,值為1~31。例:

function DateDemo()  
{  
var d, s = "Today's date is: ";  
d = new Date();  
s += (d.getMonth() + 1) + "/";  
s += d.getDate() + "/";  
s += d.getYear();  
return(s);  
}  

(2)getDay函式:返回星期幾,值為0~6,其中0表示星期日,1表示星期一,…,6表示星期六。例:

function DateDemo()  
{  
var d, day, x, s = "Today is: ";  
var x = new Array("Sunday", "Monday", "Tuesday");  
var x = x.concat("Wednesday","Thursday", "Friday");  
var x = x.concat("Saturday");  
d = new Date();  
day = d.getDay();  
return(s += x[day]);  
}  

(3)getHouse函式:返回日期的"小時"部分,值為0~23。例。

function TimeDemo()  
{  
var d, s = "The current local time is: ";  
var c = ":";  
d = new Date();  
s += d.getHours() + c;  
s += d.getMinutes() + c;  
s += d.getSeconds() + c;  
s += d.getMilliseconds();  
return(s);  
}  

(4)getMinutes函式:返回日期的"分鐘"部分,值為0~59。見上例。
(5)getMonth函式:返回日期的"月"部分,值為0~11。其中0表示1月,2表示3月,…,11表示12月。見前面的例子。
(6)getSeconds函式:返回日期的"秒"部分,值為0~59。見前面的例子。
(7)getTime函式:返回系統時間。

function GetTimeTest()  
{  
var d, s, t;  
var MinMilli = 1000 * 60;  
var HrMilli = MinMilli * 60;  
var DyMilli = HrMilli * 24;  
d = new Date();  
t = d.getTime();  
s = "It's been "  
s += Math.round(t / DyMilli) + " days since 1/1/70";  
return(s);  
}  

(8)getTimezoneOffset函式:返回此地區的時差(當地時間與GMT格林威治標準時間的地區時差),單位為分鐘。

function TZDemo()  
{  
var d, tz, s = "The current local time is ";  
d = new Date();  
tz = d.getTimezoneOffset();  
if (tz < 0)  
s += tz / 60 + " hours before GMT";  
else if (tz == 0)  
s += "GMT";  
else  
s += tz / 60 + " hours after GMT";  
return(s);  
}  

(9)getYear函式:返回日期的"年"部分。返回值以1900年為基數,例如1999年為99。前面有例子。
(10)parse函式:返回從1970年1月1日零時整算起的毫秒數(當地時間)。

function GetTimeTest(testdate)  
{  
var d, s, t;  
var MinMilli = 1000 * 60;  
var HrMilli = MinMilli * 60;  
var DyMilli = HrMilli * 24;  
d = new Date();  
t = Date.parse(testdate);  
s = "There are "  
s += Math.round(Math.abs(t / DyMilli)) + " days "  
s += "between " + testdate + " and 1/1/70";  
return(s);  
}  

(11)setDate函式:設定日期的"日"部分,值為0~31。
(12)setHours函式:設定日期的"小時"部分,值為0~23。
(13)setMinutes函式:設定日期的"分鐘"部分,值為0~59。
(14)setMonth函式:設定日期的"月"部分,值為0~11。其中0表示1月,…,11表示12月。
(15)setSeconds函式:設定日期的"秒"部分,值為0~59。
(16)setTime函式:設定時間。時間數值為1970年1月1日零時整算起的毫秒數。
(17)setYear函式:設定日期的"年"部分。
(18)toGMTString函式:轉換日期成為字串,為GMT格林威治標準時間。
(19)setLocaleString函式:轉換日期成為字串,為當地時間。
(20)UTC函式:返回從1970年1月1日零時整算起的毫秒數,以GMT格林威治標準時間計算。

4.數學函式

javascript數學函式其實就是Math物件,它包括屬性和函式(或稱方法)兩部分。其中,屬性主要有下列內容。
Math.e:e(自然對數)、Math.LN2(2的自然對數)、Math.LN10(10的自然對數)、Math.LOG2E(e的對數,底數為 2)、Math.LOG10E(e的對數,底數為10)、Math.PI(π)、Math.SQRT1_2(1/2的平方根值)、Math.SQRT2 (2的平方根值)。
函式有以下18個:
(1)abs函式:即Math.abs(以下同),返回一個數字的絕對值。
(2)acos函式:返回一個數字的反餘弦值,結果為0~π弧度(radians)。
(3)asin函式:返回一個數字的反正弦值,結果為-π/2~π/2弧度。
(4)atan函式:返回一個數字的反正切值,結果為-π/2~π/2弧度。
(5)atan2函式:返回一個座標的極座標角度值。
(6)ceil函式:返回一個數字的最小整數值(大於或等於)。
(7)cos函式:返回一個數字的餘弦值,結果為-1~1。
(8)exp函式:返回e(自然對數)的乘方值。
(9)floor函式:返回一個數字的最大整數值(小於或等於)。
(10)log函式:自然對數函式,返回一個數字的自然對數(e)值。
(11)max函式:返回兩個數的最大值。
(12)min函式:返回兩個數的最小值。
(13)pow函式:返回一個數字的乘方值。
(14)random函式:返回一個0~1的隨機數值。
(15)round函式:返回一個數字的四捨五入值,型別是整數。
(16)sin函式:返回一個數字的正弦值,結果為-1~1。
(17)sqrt函式:返回一個數字的平方根值。
(18)tan函式:返回一個數字的正切值。

5.字串函式

javascript字串函式完成對字串的字型大小、顏色、長度和查詢等操作,共包括以下20個函式:
(1)anchor函式:產生一個連結點(anchor)以作超級連結用。anchor函式設定的連結點的名稱,另一個函式link設定的URL地址。
(2)big函式:將字型加到一號,與…標籤結果相同。
(3)blink函式:使字串閃爍,與…標籤結果相同。
(4)bold函式:使字型加粗,與…標籤結果相同。
(5)charAt函式:返回字串中指定的某個字元。
(6)fixed函式:將字型設定為固定寬度字型,與…標籤結果相同。
(7)fontcolor函式:設定字型顏色,與標籤結果相同。
(8)fontsize函式:設定字型大小,與標籤結果相同。
(9)indexOf函式:返回字串中第一個查詢到的下標index,從左邊開始查詢。
(10)italics函式:使字型成為斜體字,與…標籤結果相同。
(11)lastIndexOf函式:返回字串中第一個查詢到的下標index,從右邊開始查詢。
(12)length函式:返回字串的長度。(不用帶括號)
(13)link函式:產生一個超級連結,相當於設定的URL地址。
(14)small函式:將字型減小一號,與…標籤結果相同。
(15)strike函式:在文字的中間加一條橫線,與…標籤結果相同。
(16)sub函式:顯示字串為下標字(subscript)。
(17)substring函式:返回字串中指定的幾個字元。
(18)sup函式:顯示字串為上標字(superscript)。
(19)toLowerCase函式:將字串轉換為小寫。
(20)toUpperCase函式:將字串轉換為大寫。
(22)trim函式:去掉字串的前後空格。

標識可放入<Head>... </Head>之間。將JavaScript標識放置在頭部之間,使之在主頁和其餘部分程式碼之前裝載,從而可使程式碼的功能更強大;將JavaScript標識放置在<Body>... </Body>主體之間以實現某些部分動態地建立文件。

通過標識說明:若不認識JavaScript程式碼的瀏覽器,則所有在其中的標識均被忽略;若認識,則執行其結果。使用註釋這是一個好的程式設計習慣,它使其他人可以讀懂你的語言。

  1. alert()是JavaScript的視窗物件方法,其功能是彈出一個具有OK對話方塊並顯示()中的字串。
    比如:

  2. Document. write()是文件物件的輸出函式,其功能是將括號中的字元或變數值輸出到視窗;document. close()是將輸出關閉。
    比如:

  3. window.external.AddFavorite(' ', '希望網路技術站') 提示把網站加入收藏夾
    onload=favorate() 要加在標籤處,如:
    ※ 如果你想在離開網頁時提示加為收藏夾,只需要把
    onunload=favorate() 改成 onload=favorate() 即可

  4. close()//關閉視窗,如果視窗不是用指令碼開啟的,會彈出確認對話方塊。
    如:退出系統或
    退出系統
    給我聯絡

  5. confirm() //彈出“確定/取消”對話方塊

  6. function document.oncontextmenu()// 禁止滑鼠右鍵;

  7. function document.onselectstart()// 禁止選取

  8. window.prompt()就是一個視窗物件的方法,其基本作用是,當裝入Web頁面時在螢幕上顯示一個具有“確定”和“取消”的對話方塊,讓你輸出資料。
    alert()方法能建立一個具有OK按鈕的對話方塊;
    confirm()方法為程式設計人員提供一個具有兩個按鈕的對話方塊;
    prompt()方法允許使用者在對話方塊中輸入資訊,並可使用預設值,其基本格式如下:
    prompt(“提示資訊”,預設值)

  9. Window .open()是開啟一個新視窗。
    基本格式為:Window .open(“URL”,“視窗名字”,“視窗屬性”)
    window屬性引數是由一個字串列表項它由逗號分隔,它指明瞭有關新建立視窗的屬性。

參 數          設定值             含 義 
toolbar      yes/no  建立或不建立標準工具條 
location     yes/no  建立或不建立位置輸入欄位 
directions   yes/no  建立或不建立標準目錄按鈕 
status       yes/no  建立或不建立狀態條 
menubar      yes/no  建立或不建立選單條 
scrollbar    yes/no  建立或不建立滾動條 
revisable    yes/no  能否改變視窗大小 
width        yes/no  確定視窗的寬度 
Height       yes/no  確定視窗的高度。 
  1. 資訊資料的輸出顯示。比較常用的有window.alert()document.write和及document.writln()方法。
    write()writeln()方法都是用於向瀏覽器視窗輸出文字字串;二者的唯一區別就是writeln()方法自動在文字之後加入回車符。
    alert()方法是window物件的一個方法,因此在使用時,不需要寫window視窗物件名,而是直接使用就行了。它主要用途用在輸出時產生有關警告提示資訊或提示使用者,一旦使用者按“確定”鈕後,方可繼續執行其他指令碼程式。
  2. document.write(document.lastModified)可以產生最後修改日期。
    JavaScript 本身是會區分大小寫的, lastmodifiedlastModified,在它看來是不同的結果。document.lastModified 引數在 Netscape 2.0 beta 2 版時是被寫成documeut.lastmodified 的,然而,之後的版本就改為 document.lastModified。所以書寫時要注意大小寫。
  3. 在傳統的標籤中加入onMouseOvermethod,可以達到一定的效果。
    如:

window.status是用來讓你可以在WWW瀏覽器的狀態列上顯示一些訊息用的。在語法中, 你 可以看到訊息部分是用' 括起來的部分,而非以" 括起來,在訊息部分結束之後, 必須加上 ; return true
可以用onMouseOvermethod配合事件發生時去呼叫函式。

相關文章