<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                [TOC] ## :-: 調用jquery插件 ``` <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> ``` ## :-: 特效·輸入框打字爆出火花 ``` <!-- js代碼·打字爆出火花 --> <script type="text/javascript" src="https://xhu5.com/content/templates/FLY/js/xg.js"></script> <script> POWERMODE.colorful = true; POWERMODE.shake = false; document.body.addEventListener('input', POWERMODE); </script> ``` ## :-: 使網頁跳轉到指定的地址 ``` <script> location.href = "你想要設置的跳轉鏈接"; </script> ``` ## :-: 其他 ``` switch(表達式) { case n: 代碼塊 break; case n: 代碼塊 break; default: 默認代碼塊 } while (條件) { 要執行的代碼塊 } -- while 循環會一直執行代碼塊,只到指定的條件為 true。 // 字符串方法 str = "String method"; // 查找字符串中是否包含指定的子字符串。true/false str.includes("String"); // true // 返回某個指定的字符串值在字符串中首次出現的位置。 str.indexOf("method"); // 7 navigator.onLine -- 返回瀏覽器的聯網狀態。正常聯網(在線)返回true,不正常聯網(離線)返回false。 Object.keys( obj ) -- 方法會返回一個由一個給定對象的自身可枚舉屬性組成的數組,數組中屬性名的排列順序和使用 for...in 循環遍歷該對象時返回的順序一致 。如果對象的鍵-值都不可枚舉,那么將返回由鍵組成的數組。 Object.keys( { aaa: 1, bbb: 2, ccc: 3 } ); // 返回:["aaa", "bbb", "ccc"] lastIndexOf() -- 方法返回指定元素(也即有效的 JavaScript 值或變量)在數組中的最后一個的索引,如果不存在則返回 -1。從數組的后面向前查找,從 fromIndex 處開始。 ['Dodo', 'Tiger', 'Penguin', 'Dodo'].lastIndexOf('Penguin') // 返回:2 object.prototype.constructor -- 返回創建實例對象的 Object構造函數 引用。 ({}).constructor === Object // -- true (123).constructor === Number // -- true [1,2,3,5].constructor === Array // -- true ``` :-: JSON格式化輸出 ``` 語法:JSON.stringify(value[, replacer [, space]]) value -- 將要序列化成 一個JSON 字符串的值。 replacer -- 如果該參數是一個函數,則在序列化過程中,被序列化的值的每個屬性都會經過該函數的轉換和處理;如果該參數是一個數組,則只有包含在這個數組中的屬性名才會被序列化到最終的 JSON 字符串中;如果該參數為null或者未提供,則對象所有的屬性都會被序列化;關于該參數更詳細的解釋和示例,請參考使用原生的 JSON 對象一文。 space -- 指定縮進用的空白字符串,用于美化輸出(pretty-print);如果參數是個數字,它代表有多少的空格;上限為10。該值若小于1,則意味著沒有空格;如果該參數為字符串(字符串的前十個字母),該字符串將被作為空格;如果該參數沒有提供(或者為null)將沒有空格。 返回值 -- 一個表示給定值的JSON字符串。 JSON.stringify({a:123,b:{abc:456},c:789},null,2) { "a": 123, "b": { "abc": 456 }, "c": 789 } ``` ## :-: 獲取元素的寬高 / 位置 / 絕對位置 :-: `element.getBoundingClientRect()` ![](https://img.kancloud.cn/12/1c/121c6c204b2d4d2f2c367afc5d4efba2_1037x434.png) ## :-: 純js實現上傳文件 ``` function easyUpload(){ var input = document.createElement("input"); input.type = "file"; input.click(); input.onchange = function(){ var file = input.files[0]; var form = new FormData(); form.append("file", file); //第一個參數是后臺讀取的請求key值 form.append("fileName", file.name); form.append("other", "666666"); //實際業務的其他請求參數 var xhr = new XMLHttpRequest(); var action = "http://localhost:8080/upload.do"; //上傳服務的接口地址 xhr.open("POST", action); xhr.send(form); //發送表單數據 xhr.onreadystatechange = function(){ if(xhr.readyState==4 && xhr.status==200){ var resultObj = JSON.parse(xhr.responseText); //處理返回的數據...... } } } } ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看