|
|
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.onmousedown=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 oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>
禁止粘貼
<input type=text onpaste="return false">
地址欄圖標
<link rel="Shortcut Icon" href="favicon.ico">
favicon.ico 名字最好不變16*16的16色,放虛擬目錄根目錄下
收藏欄圖標
<link rel="Bookmark" href="favicon.ico">
查看源碼
<input type=button value=查看網頁源代碼 onclick="window.location = 'view-source:'+ 'http://www.csdn.NET/'">
關閉輸入法
<input style="ime-mode:disabled">
自動全選
<input type=text name=text1 value="123" onfocus="this.select()">
ENTER鍵可以讓光標移到下一個輸入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">
文本框的默認值
<input type=text value="123" onfocus="alert(this.defaultValue)">
獲得時間所代表的微秒
var n1 = new Date("2004-10-10".replace(/-/g, "http://")).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 onload="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 onmouseover="this.bgColor='#f0f0f0'" onmouseout="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;
JavaScript技術：JavaScript 常用函數，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
