JavaScript 常用方法


JS:    注意:
        這些都是我自己總結的,只是部分常用的函數屬性!!古斌12-21   
    -js常用函數。 
        ** alert(); 普通彈出框
        ** document.write(); 向頁面(body標簽) 寫入內容
        ** console.log();    向控制台輸出
        ** typeof();查看當前數據類型
        ** length 返回字符串的長度
        ** bold(); 字體加粗
        ** fontcolor(red); 設置字體的顏色
        ** fontsize(1-7); 設置字體大小
        ** link();  將字符串設置成超鏈接 (字符串.link(鏈接地址);
        ** sub()  sup()  將文 0-字設置成上標或下標 比如設置度數
        ** prototype  向對象函數中添加方法 
            例:function Person(){    創建對象函數
                }
                Person.prototype.getal(){ 添加方法
                    alert(123);
                }
                new Person().getal(); 調用函數  結果彈出123
                
    - 與java相似的函數:
        ** concat()  連接字符串  將 "123" 與 "456" 連接在一起(個人感覺沒什么用)
        ** charAt(索引)  返回指定位置的字符串,如果索引有誤 返回空字符串
        ** indexOf(字符串); 返回指定位置的字符串索引  如果不存在返回-1
        ** split(以什么切  分); 返回字符串數組
        ** replace(); 傳遞兩個參數,第一個是原始字符  第二個是要替換成的字符
        ** substr() 同樣也是2個參數, 從第幾個開始,向后截取幾個
        ** subString() 兩個參數從第幾位開始,到底幾位結束 不包含做后一個
    - js與數組相關的函數:
        ** length 返回數組長度  這個是屬性 不是方法 所以不要加“()”
        ** concat()  將數組鏈接,返回一個新的數組
        ** join() 根據指定數組以指定符號分割
        ** push() 向數組末尾添加元素,返回新的數組長度,如果添加的是一個數組,就存取的是整個字符串
        ** pop() 刪除數組最后一位元素,並返回這個元素!
        ** reverse() 顛倒數組元素的順序  隨機順序排列
    -js中Dete對象的函數: 注意嚴謹區分大小寫
        **  new Date(); 獲取當前時間  國外定義
        **  new Date().toLocaleString(z);  獲取本地時間  正常的格式
        **  new Date().getFullYear();得到當前年
        **  new Date().getMonth() 得到當前月份  ,因為國外是從 0-11 所以得到月份 需要+1
        **  new Date().getDay()   得到當前的當前的星期 周一到周六都正常  如果周日會顯示0
        **  new Date().getDate()  得到當前的天(對於這個月來說)  1-31
        **  new Date().getHours() 得到當前的小時
        **  new Date().getMinutes() 得到當前的分鍾
        **  new Date().getSeconds()  得到當前的秒
        **  new Date().getTime()  得到當前的毫秒  返回的是1970-1-1    的毫秒數
    -js中Math對象 *以下寫的方法都不用 new  直接使用 Math. 調用 類似靜態
        ** ceil(); 向上舍入  
        ** floor(); 向下舍入
        ** round();四舍五入
        ** Math.random();  隨機數
    -js中的全局函數:
        ** eval(); 執行字符串中的js代碼,如果不是js代碼將不執行並且報錯
        ** encodeURI(); 對字符進行編碼  
        ** decodeURI(); 對字符進行解碼
        ** isNaN() :判斷當前字符是否是數字,如果是返回 false 如果不是返回 true
        ** parseInt(); 將類型轉換成數字,如果不能轉換返回NAN
    - js中的bom對象:
        ** navigate  獲取客戶端的信息
            -navigate.appName; 返回該瀏覽器的名字
        ** screen    獲取屏幕信息
            - screen.while; 返回屏幕的寬度
            - screen.height;返回屏幕高度
        **history :請求url的歷史記錄
            -history.back(); 訪問上一次記錄
            -history.go(-1); 訪問上一次記錄
            -history.forward(); 訪問下一個頁面
            -history.go(1);  訪問下一個頁面
        **location 請求url地址
            -location.href; 得到當前url地址
            -location.href = "url"; 設置訪問url地址
                例:
                    function a(){
                        location.href = "www.baidu.com";
                    }
                <input type="button" value="訪問百度" onclick="a()"/>
        **-window-**對象-所有bom對象的頂層對象  
            -window.alert();  普通彈出框;
            -window.confirm(); 確認框
            -window.prompt(); 輸入彈出框
            -window.open();打開一個新的窗口  三個參數 ("URL",("name"),"with,height")
            -window.close();關閉窗口(兼容性差,極大部分瀏覽器不支持)
            -函數 window.opener; 返回父頁面
    -js中的定時器函數(bom對象)hi
            -setInterval("js代碼",毫秒數);  表示每過多少秒,執行以下函數
            -setTime("js代碼",毫秒數); 表示多少秒之后執行  注意只執行一次
            -clearInterval(); 清除第一種定時器函數
            -clearTimeout(); 清除第一種定時器函數
    -js中的DOM對象:
            -document.getElementById() ; 通過設置的ID獲取  返回一個對象
            -document.getElementsByName(); 通過設置的name獲取  返回一個集合
            -document.getElementsByTagName();通過標簽獲取 返回一個集合
            - var check = document.getElementsByTagName('input')[0];
                console.log(check.checked);//false  
                判斷復選框是否被選中
    -js中Note節點對象:
            - 1 .向節點中添加元素  
                    例:向ul中添加一個li
                        獲取ul標簽
                        var ul1 = document.getElementById("ul1");
                        創建li標簽
                        var li1 = document.createElement("li");
                        創建文本
                        var test1 = document.createTextNode("5555");
                        向li標簽加入文本
                        li1.appendChild(test1);
                        向ul中添加li
                        ul1.appendChild(li1);                
    -js 中的 element 對象: 這個對象的方法必須使用document對象調用
            - setAttribute(“id”,123);
            - getAttribute(“屬性”)
            - removeAttribute(“id”)  注意 value不可刪除
            - ul1.getElementsByTagName("li"); // 獲取ul標簽下面所有的子標簽
                *- 列:
                    <input type="button" id = "aL" value="ac"/>
                    var a = document.getElementById("aL");
                    原來
                    alert(a.id);
                    a.setAttribute("id",123);
                    現在
                    alert(a.getAttribute("id"));
    
        
        
    **一些小知識點-只需了解就行了**
        - js中有重載嗎?  
                答:1.js中沒有重載!
                    2.但是可以通過 argumengts 數組來模擬“重載”
                function ovv(){
                    if(arguments.length == 2){
                        return arguments[0]+arguments[1];
                    }else if(arguments.length == 3){
                        return arguments[0]+arguments[1]+arguments[2];    
                    }
                }    
                    document.write(ovv(1,2));
                    document.write(ovv(1,3,6));
        - js的遞歸函數:輸出n次helloword
                答:
                    function print(n){
                        if(n == 0){
                            return;
                        }
                        document.write("Hello Word </br>");
                        return print(n-1);
                    }
                    print(100);
                
    -js中Note節點對象:
            - 1 .向節點中添加元素  
                    例:向ul中添加一個li
                        獲取ul標簽
                        var ul1 = document.getElementById("ul1");
                        創建li標簽
                        var li1 = document.createElement("li");
                        創建文本
                        var test1 = document.createTextNode("5555");
                        向li標簽加入文本
                        li1.appendChild(test1);
                        向ul中添加li
                        ul1.appendChild(li1);

 


免責聲明!

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



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