javascript常用函數整理

標籤：javascript   函數   常用   

javascript函數： 

1.禁止滑鼠右鍵菜單代碼塊

function stop() {    return false;}document.oncontextmenu = stop; //禁用滑鼠右鍵document.ondragstart = stop; //禁止拖動document.onselectstart = stop; //禁止選擇

 

2.判斷開啟的頁面是否存在父頁面

if (window.top == window.self && window.parent == window) {//不存在父頁面    alert("禁止非法登入");    location.href = "/XXX/XXXX/XXXX.htm";//跳轉頁面}

3.在頁面中添加js、css引用

document.write(‘<script src="/Script/layui1.0.7/layui.js" type="text/javascript"></script>‘);

4.讀取連結中的參數

連結：http://localhost:83/App/News/News.html?UserCode=00000000；

var usercode = getUrlParam(‘UserCode‘);function getUrlParam( name ) {    var reg = new RegExp( "(^|&)" + name + "=([^&]*)(&|$)" ); //構造一個含有目標參數的Regex對象    var r = window.location.search.substr( 1 ).match( reg );  //匹配目標參數    if ( r != null ) return decodeURI( r[2] ); return null; //返回參數值}

5.跳轉頁面

window.location.href = data.Url;

6.JS設定Cookie

//JS設定Cookiefunction setCookie(name,value){var Days = 30;var exp = new Date();exp.setTime(exp.getTime() + Days*24*60*60*1000);document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();}

7.JS讀取Cookie

//JS讀取Cookiefunction getCookie(name){var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");if(arr=document.cookie.match(reg))return unescape(arr[2]);elsereturn null;}

8.JS刪除Cookie

//JS刪除Cookiefunction delCookie(name){var exp = new Date();exp.setTime(exp.getTime() - 1);var cval=getCookie(name);if(cval!=null)document.cookie= name + "="+cval+";expires="+exp.toGMTString();}

9.JS常規函數

    javascript常規函數包括以下10個函數： 

　　(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函數編碼的字元。

　　(10)toFixed 函數:這個函數牛逼 就是轉化小數點幾位的 checkprice.toFixed(2)； 將checkprice轉化為有小數點後兩位的值

10.數組函數

    javascript數組函數包括以下5個函數：

    (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);　　　　}

   （5）push函數:將新元素添加到一個數組中，並返回數組的新長度值。例:

function PushDemo(){      var my_array = new Array(‘1‘,‘2‘,‘3‘,‘4‘);      my_array.push(‘5‘,‘6‘,‘7‘,‘8‘);      alert(my_array.length);　　　　//將返回8 數組中添加了4個元素 }

11.日期函數

javascript日期函數包括以下20個函數： 

(1)getDate函數：返回日期的"日"部分，值為1～31。

(2)getDay函數：返回星期幾，值為0～6，其中0表示星期日，1表示星期一，...，6表示星期六。

(3)getHouse函數：返回日期的"小時"部分，值為0～23。

(4)getMinutes函數：返回日期的"分鐘"部分，值為0～59。見上例。 

(5)getMonth函數：返回日期的"月"部分，值為0～11。其中0表示1月，2表示3月，...，11表示12月。 

(6)getSeconds函數：返回日期的"秒"部分，值為0～59。 

(7)getTime函數：返回系統時間。 

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

(9)getYear函數：返回日期的"年"部分。傳回值以1900年為基數，例如1999年為99。 

(10)parse函數：返回從1970年1月1日零時整算起的毫秒數(當地時間)。

(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格林威治標準時間計算。

12.數學函數

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函數：返回一個數位正切值。

13.字串函數

(1)concat函數:將兩個或多個字元的文本組合起來，返回一個新的字串。

(2)indexOf函數：返回字串中一個子串第一處出現的索引（從左至右搜尋）。如果沒有匹配項，返回 -1 。

(3)lastIndexOf:返回字串中一個子串第一處出現的索引（從右至左搜尋）。如果沒有匹配項，返回 -1 。

(4)charAt：返回字串中指定的某個字元。

(4)match：檢查一個字串匹配一個Regex內容，如果麼有匹配返回 null。

(5)substring:返回位於 String 對象中指定位置的子字串。

(6)substr：返回字串的一個子串，傳入參數是起始位置和長度

(7)replace：用來尋找匹配一個Regex的字串，然後使用新字串代替匹配的字串。

(8)search：執行一個Regex匹配尋找。如果尋找成功，返回字串中匹配的索引值。否則返回 -1 。

(9)slice:提取字串的一部分，並返回一個新字串（與 substring 相同）。

(10)split:通過將字串劃分成子串，將一個字串做成一個字串數組。

(11)length:返回字串的長度，所謂字串的長度是指其包含的字元的個數。

(12)toLowerCase:將整個字串轉成小寫字母。

(13)toUpperCase:將整個字串轉成大寫字母。

14.JS列印特定div中的內容

function Print() {           var headstr = "<html><head><title></title></head><body>";             var footstr = "</body>";           var printData = document.getElementById("divprint").innerHTML;           var oldstr = document.body.innerHTML;           document.body.innerHTML = headstr + printData + footstr;             window.print();             document.body.innerHTML = oldstr;             return false;    }

15.HTML5擷取手機定位

function getLocation() {            if (navigator.geolocation) {                navigator.geolocation.getCurrentPosition(showPosition, showError);            } else {                alert("瀏覽器不支援地理定位。");            }        }        function showError(error) {            switch (error.code) {                case error.PERMISSION_DENIED:                    alert("定位失敗,使用者拒絕請求地理定位");                    break;                case error.POSITION_UNAVAILABLE:                    alert("定位失敗,位置資訊是不可用");                    break;                case error.TIMEOUT:                    alert("定位失敗,請求擷取使用者位置逾時");                    break;                case error.UNKNOWN_ERROR:                    alert("定位失敗,定位系統失效");                    break;            }        }        function showPosition(position) {            lat = position.coords.latitude; //緯度             lag = position.coords.longitude; //經度             alert(‘緯度:‘ + lat + ‘,經度:‘ + lag);                    }

本文出自 “夢裡開花，夢裡飛” 部落格，請務必保留此出處http://wppeng.blog.51cto.com/9894483/1884871

javascript常用函數整理