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函數:顯示一個輸入對話框,提示等待用戶輸入。例如:
(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>
<a href="javascript:;">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="returnfalse"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, "\/")).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;