Lilo Ẹri Ti o ni Aṣeyọri
Ṣiṣe ọrọ naa lori aaye ayelujara ti o ṣaṣe nipasẹ awọn olumulo lo rọrun ju ti o le reti. HTML n pese irufẹ kan fun idi eyi: ni akoonu.
Ẹya ti o ni idaniloju ti a ṣe ni akọkọ ni ọdun 2014 pẹlu ifasilẹ HTML5 . O sọ boya boya akoonu ti o ṣe akoso le yipada nipasẹ alejo kan lati inu ẹrọ lilọ kiri ayelujara.
Atilẹyin fun Ẹri Ti o ni Aṣeyọri
Ọpọlọpọ awọn aṣàwákiri aṣàwákiri ìgbàlódé ṣe atilẹyin irufẹ.
Awọn wọnyi ni:
- Chrome 4.0 ati si oke
- Ayelujara ti Explorer 6 ati si oke
- Firefox 3.5 ati si oke
- Safari 3.1 ati si oke
- Opera 10.1 ati si oke
- Microsoft Edge
Bakan naa n lọ fun ọpọlọpọ awọn burausa alagbeka, ju.
Bawo ni lati Lo Ti o ni akoonu
Nìkan fi abajade naa han si HTML ti o fẹ lati ṣe atunṣe. O ni awọn nọmba ti o le ṣeeṣe: otitọ, eke ati jogun. Inherit jẹ iye aiyipada, ti o tumọ si pe eleri yoo gba iye ti obi rẹ. Bakannaa, eyikeyi awọn ọmọde ti awọn ohun elo tuntun ti o ṣatunṣe rẹ yoo jẹ ṣiṣe ayafi ti o ba yi awọn ipo wọn pada si eke. Fun apẹẹrẹ, lati ṣe asọye DIV kan to wulo, lo:
Ṣẹda akojọ-i-ṣe-to-ṣe-ṣiṣe ti o ni idaniloju
Ohun elo ti a ṣatunṣe jẹ ki o ni oye julọ nigbati o ba ṣafọ pẹlu ibi ipamọ agbegbe, nitorina akoonu naa wa laarin awọn akoko ati awọn ibewo aaye.
- Ṣii oju-iwe rẹ ni olootu HTML.
- Ṣẹda akojọ aṣayan ti a ṣe afihan, ti a ko lẹgbẹ ti a npè ni myTasks :
- Awọn iṣẹ-ṣiṣe kan li>
- Iṣẹ-ṣiṣe miiran li>
ul>
- Awọn iṣẹ-ṣiṣe kan li>
- Fi ẹda ti o ni akoonu ṣe si eleri
- :
- Fi ọna asopọ kan si jQuery ni ti iwe rẹ.
script>
- Ni isalẹ ti oju-iwe rẹ, kan loke aami tag body>, fi iwe-akọọlẹ rẹ kun:
$ (document.ready (iṣẹ () {
}); script> - Ninu awọn iṣẹ document.ready, fi iwe-akọọlẹ rẹ kun lati ṣaju awọn iṣẹ-ṣiṣe lọ si agbegbeStorage ati ki o gba awọn iṣẹ-ṣiṣe ti a ti fipamọ nibẹ tẹlẹ:
$ (document.ready (iṣẹ () {
$ ("# myTasks") blur (iṣẹ () {// nigbati akọsọ fi oju-iwe #myTasks silẹ
agbegbeStorage.setItem ('myTasksData', this.innerHTML); // fipamọ si agbegbeItoju
});
ti o ba ti (localStorage.getItem ('myTasksData')} // ti o ba wa ni akoonu ni agbegbe Itoju naa
$ ("# myTasks"). html (localStorage.getItem ('myTasksData')); // fi akoonu kun oju iwe
} });
Awọn HTML fun oju-iwe gbogbo dabi iru eyi:
Awọn iṣẹ-ṣiṣe mi akọle>
script>
ori>
Awọn iṣẹ-ṣiṣe mi h1>
Tẹ awọn ohun kan fun akojọ rẹ. Oluṣakoso naa yoo tọju rẹ fun ọ, ki nigbati o ba ṣi atunṣe aṣàwákiri rẹ, o yoo wa ni ibi. P>
- Awọn iṣẹ-ṣiṣe kan li>
- Iṣẹ-ṣiṣe miiran li>
ul>
$ (iwe-aṣẹ). tẹlẹ (iṣẹ () {
$ ("# myTasks") .. blur (iṣẹ () {
agbegbeStorage.setItem ('myTasksData', this.innerHTML);
});
ti o ba ti (localStorage.getItem ('myTasksData')} {
$ ("# myTasks"). html (localStorage.getItem ('myTasksData'));
}
});
akosile>
ara>
html>