js常用函數和事件


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;

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM