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函數：將字符串轉換為大寫。

事件源對象?
event.srcElement.tagName?
event.srcElement.type?

捕獲釋放?
event.srcElement.setCapture();?
event.srcElement.releaseCapture();?

事件按鍵?
event.keyCode?
event.shiftKey?
event.altKey?
event.ctrlKey?

事件返回值?
event.returnValue?

鼠標位置?
event.x?
event.y?

窗體活動元素?
document.activeElement?

綁定事件?
document.captureEvents(Event.KEYDOWN);?

訪問窗體元素?
document.all("txt").focus();?
document.all("txt").select();?

窗體命令?
document.execCommand?

窗體COOKIE?
document.cookie?

菜單事件?
document.oncontextmenu?

創建元素?
document.createElement("SPAN");?

根據鼠標獲得元素：?
document.elementFromPoint(event.x,event.y).tagName=="TD?
document.elementFromPoint(event.x,event.y).appendChild(ms)?

窗體圖片?
document.images[索引]?

窗體事件綁定?
document.οnmοusedοwn=scrollwindow;?

元素?
document.窗體.elements[索引]?

對象綁定事件?
document.all.xxx.detachEvent('onclick',a);?

插件數目?
navigator.plugins?

取變量類型?
typeof($js_libpath) == "undefined"?
下拉框?
下拉框.options[索引]?
下拉框.options.length?

查找對象?
document.getElementsByName("r1");?
document.getElementById(id);?

定時?
timer=setInterval('scrollwindow()',delay);?
clearInterval(timer);?

UNCODE編碼?
escape() ,unescape?

父對象?
obj.parentElement(dhtml)?
obj.parentNode(dom)?

交換表的行?
TableID.moveRow(2,1) //將第三行與第二行交換

替換CSS?
document.all.csss.href = "a.css";?

并排顯示?
display:inline?

隱藏焦點?
hidefocus=true?

根據寬度換行?
style="word-break:break-all"?

自動刷新?
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://hi.baidu.com">?

簡單郵件?
<a href="mailto:jishu@bj08ay.cn?subject=thisistitle&body=thisisthewordswhatyouwanttowriteforme">?

快速轉到位置?
obj.scrollIntoView(true)?

錨?
<a name="first">?
<a href="#first">anchors</a>?

網頁傳遞參數?
location.search();?

可編輯?
obj.contenteditable=true?

執行菜單命令?
obj.execCommand?

雙字節字符?
/[^\x00-\xff]/?

漢字?
/[\u4e00-\u9fa5]/?

讓英文字符串超出表格寬度自動換行?
word-wrap: break-word; word-break: break-all;?

透明背景?
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>?

獲得style內容?
obj.style.cssText?

HTML標簽?
document.documentElement.innerHTML?

第一個style標簽?
document.styleSheets[0]?

style標簽里的第一個樣式?
document.styleSheets[0].rules[0]?

防止點擊空鏈接時，頁面往往重置到頁首端。?
<a href="javascript:function()">word</a>?

上一網頁源?
asp:?
request.servervariables("HTTP_REFERER")?
javascript:?
document.referrer?

釋放內存?
CollectGarbage();?

禁止右鍵?
document.oncontextmenu = function() { return false;}?

禁止保存?
<noscript><iframe src="*.htm"></iframe></noscript>?

禁止選取
<body οncοntextmenu="return false" οndragstart="return false" onselectstart ="return false" οnselect="document.selection.empty()" οncοpy="document.selection.empty()" onbeforecopy="return false"οnmοuseup="document.selection.empty()>?

禁止粘貼?
<input type=text οnpaste="return false">?

地址欄圖標?
<link rel="Shortcut Icon" href="favicon.ico">?
favicon.ico 名字最好不變16*16的16色,放虛擬目錄根目錄下?

收藏欄圖標?
<link rel="Bookmark" href="favicon.ico">?

查看源碼?
<input type=button value=查看網頁源代碼 οnclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">?

關閉輸入法?
<input style="ime-mode:disabled">

自動全選?
<input type=text name=text1 value="123" οnfοcus="this.select()">?

ENTER鍵可以讓光標移到下一個輸入框?
<input οnkeydοwn="if(event.keyCode==13)event.keyCode=9">?

文本框的默認值?
<input type=text value="123" οnfοcus="alert(this.defaultValue)">?

獲得時間所代表的微秒?
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()?

窗口是否關閉?
win.closed?

checkbox扁平?
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>?

獲取選中內容?
document.selection.createRange().duplicate().text?

自動完成功能?
<input type=text autocomplete=on>打開該功能?
<input type=text autocomplete=off>關閉該功能?

窗口最大化?
<body οnlοad="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">?

無關閉按鈕IE?
window.open("aa.htm", "meizz", "fullscreen=7");?

統一編碼/解碼?
alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))?
encodeURIComponent對":"、"/"、";" 和 "?"也編碼?

表格行指示?
<tr οnmοuseοver="this.bgColor='#f0f0f0'" οnmοuseοut="this.bgColor='#ffffff'">?

各種尺寸
s += "\r\n網頁可見區域寬："+ document.body.clientWidth;?
s += "\r\n網頁可見區域高："+ document.body.clientHeight;?
s += "\r\n網頁可見區域高："+ document.body.offsetWeight +" (包括邊線的寬)";?
s += "\r\n網頁可見區域高："+ document.body.offsetHeight +" (包括邊線的寬)";?
s += "\r\n網頁正文全文寬："+ document.body.scrollWidth;?
s += "\r\n網頁正文全文高："+ document.body.scrollHeight;?
s += "\r\n網頁被卷去的高："+ document.body.scrollTop;?
s += "\r\n網頁被卷去的左："+ document.body.scrollLeft;?
s += "\r\n網頁正文部分上："+ window.screenTop;?
s += "\r\n網頁正文部分左："+ window.screenLeft;?
s += "\r\n屏幕分辨率的高："+ window.screen.height;?
s += "\r\n屏幕分辨率的寬："+ window.screen.width;?
s += "\r\n屏幕可用工作區高度："+ window.screen.availHeight;?
s += "\r\n屏幕可用工作區寬度："+ window.screen.availWidth;

from:?http://www.jb51.net/article/21661.htm

總結

以上是生活随笔為你收集整理的JavaScript 常用函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。