首頁 > web前端 > js教程 > 主體

前端常用方法函數實例詳解

小云云
發布: 2018-03-08 15:56:59
原創
1517 人瀏覽過


本文主要和大家分享前端編寫過程常用方法函數實例詳解,希望能幫助大家。

1. push() 方法

#定義與用法
push() 方法可在陣列的末端新增一個或多個元素,並傳回新的長度。

語法

arrayObject.push(newelement1,newelement2,....,newelementX)。
登入後複製

回傳值
把指定的值加到陣列後的新長度。

說明
push() 方法可將它的參數順序加到 arrayObject 的尾部。它直接修改 arrayObject,而不是建立一個新的陣列。 push() 方法和 pop() 方法使用陣列提供的先進後出棧的功能。

提示與註解
註解:此方法會改變陣列的長度。
提示:若要在陣列的開頭新增一個或多個元素,請使用unshift() 方法.

2. 本機儲存localStorage

##將資料儲存到本機

    const info = {
        name: 'Lee',
        age: 20,
        id: '001'
    };
    sessionStorage.setItem('key', JSON.stringify(info));
    localStorage.setItem('key', JSON.stringify(info));
登入後複製

從本機儲存取得資料

    var data1 = JSON.parse(sessionStorage.getItem('key'));    var data2 = JSON.parse(localStorage.getItem('key'));
登入後複製

本機儲存中刪除某個已儲存的資料

    sessionStorage.removeItem('key');
    localStorage.removeItem('key');
登入後複製

###刪除所有已儲存的資料######
    sessionStorage.clear();
    localStorage.clear();
登入後複製
#######監聽本機儲存的變更############Storage 變更(增加、更新、刪除)時的觸發,同一個頁面發生的改變不會觸發,只會監聽同一網域下其他頁面改變Storage######
    window.addEventListener('storage', function (e) {
        console.log('key', e.key);        console.log('oldValue', e.oldValue);        console.log('newValue', e.newValue);        console.log('url', e.url);
    })
登入後複製
###3. input######## #去掉點擊後的藍色邊框######
 1、在顶部style中直接控制css样式:<style type="text/css">

       input{outline:none;}</style>2、直接用 input:focus { outline: none; } 控制聚焦时不出现蓝色边框~
登入後複製

以上是前端常用方法函數實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!