Запись ссылки нажмите, затем сохраните в локальном хранилище

Question

Запись ссылки нажмите, затем сохраните в локальном хранилище

0

Это правильный код для записи ссылки, затем сохранение в локальное хранилище, а затем отображение изображения со ссылкой в div?

<script>
    var links = [ 'one': 1, 'two': 2, 'three': 3 ];
    function saveLink(that){
        links[links.length] = that.element.src;
        document.getElementById('linkList').innerHTML += that.element.src+"<br>";

        localStorage.setItem('links', JSON.stringify(testObject));
    }
    </script>

    <img src="http://domain.com/image.png" onclick="saveLink(this);" />



    <div id='linkList'>
    <script>
        var retrievedObject = localStorage.getItem('links');

    console.log('retrievedObject: ', JSON.parse(retrievedObject));

    </script></div>

user1438026 29 сен. 2013, в 05:09

Источник

Теги:

javascript

jquery

html5

local-storage

1 ответ

Ещё вопросы

DGS · Accepted Answer · 2013-09-29T01-35-00.000Z

Нет, это не правильный способ "отобразить изображение со ссылкой в div". console.log будет записываться в консоль, так как его имя предполагает не создавать элементы в DOM. Поскольку у вас есть вопрос, помеченный как jQuery, я собираюсь предположить, что вы используете его с моим ответом.

//Assuming you want the click handler to be attached to all images on the page
$('img').click(function(){
    $('#linkList').append('<a href="' + $(this).attr('src') +'">Image</a>')   
});

Это добавит новый тег <a> который является ссылкой на изображение, на которое вы нажали.

Это даст вам новый код, который выглядит следующим образом

<script>
    $(document).ready(function () {
        //Assuming you want the click handler to be attached to all images on the page
        $('img').click(function () {
            $('#linkList').append('<a href="' + $(this).attr('src') + '">Image</a>')
        });
    });
</script>
<img src="http://domain.com/image.png" />
<div id='linkList'>
</div>

Как бы я хранить это с локальным хранилищем?
Да, и могу ли я использовать эту же вещь с таким классом, как $ ('. Candy'). Click (function (e)) {// добавить информацию, необходимую для локального хранилища}