В этой статье я рассмотрю 2 новые функции на HTML5: довольные и LocalStorage. После того, как я прочитал описания спецификаций HTML5 и W3C, я не мог дождаться, чтобы написать примеры в этой же программе, чтобы продемонстрировать эти новые функции.
Когда вы смотрите на примеры HTML 5, которые я писал ранее, я думаю о создании простого, но применимого примера для тренировки этих новых функций HTML5 еще более странным образом. Моя цель состоит не в том, чтобы просто показывать эти API HTML 5, но и использовать примеры, чтобы сообщить разработчикам, как действительно реализовать эти API на практическом и инновационном способе.
В середине девяностых я зарегистрировал патент программного обеспечения, который был «веб-примечаниями». Чтобы описать это самым простым способом, он может создать «желтые заметки после этого», которые придерживаются вашей веб-страницы, точно так же, как эффект, который вы придерживаетесь монитора своего компьютера в реальной жизни. Редактируемая функция контента HTML5 и функция LocalStorage делают создание веб-пост-пост-пост быстрым и простым!
Продемонстрировать, как использовать программу:
Нажмите на область записки Post-It с помощью мыши и введите информацию. Эта программа будет хранить всю информацию, которую вы вводите в локальное хранилище (не в файлах cookie). Когда вы вернетесь на эту страницу, ваше сообщение Post-It вспомнит, что вы написали в прошлый раз. Помните, что ни один браузер полностью реализует HTML5.
Ключевые методы реализации LocalStorage просты, подобные этим:
| Function StoreUserScribble (id) { var scribble = document.getElementbyId (& rsquo; scribble & rsquo;). innerhtml; localstorage.setitem (& rsquo; userscribble & rsquo;, scribble); } function getUserScribbble () { if (localstorage.getitem (& rsquo; userscribble & rsquo;)) { var scribble = localstorage.getitem (& rsquo; userscribble & rsquo;); } еще { var scribble = & lsquo ; Я помню информацию, которую вы ввели! < / i & gt; < / font > & rsquo ;; } document.getElementbyId (& rsquo; scribble & rsquo;). innerhtml = scribble; } |
Я решил разместить свои редактируемые свойства и события Onkeyup на <TD>:
| < td foundation = & rdquo ; & rdquo ; |
Полный HTML -код в примере может быть загружен здесь.
В этом примере пост-его масштабируют. Создайте Post-It-It и поместите его на свою веб-страницу, которая добавляет интересную функцию к вашему веб-сайту или веб-приложению.
Источник английского языка: html5 - пример кода довольного и локального организации - Создайте веб -липкую ноту!