我需要 JSON 中的这个对象数组
<script> var galeriaOriginal={"frases":[{"persona":"Bender Bending Rodríguez","frase":"Los robots no tenemos sentimientos... y eso me pone tan triste...","foto":"http://www.topimagenes.net/wp-content/uploads/2015/09/bender-futurama-7-desconfiado.jpg"},{"persona":"Pikachu","frase":"Pika Pika ","foto":"http://st-listas.20minutos.es/images/2011-11/310549/3269993_249px.jpg?1325815180"},{"persona":"Tyrion Lannister","frase":"Cuando doy el dinero para un regalo conjunto digo: Un Lannister siempre paga sus deudas.","foto":"http://i24web.com/wp-content/uploads/2016/05/tyrion-lannister-wallpaper-pack-01-700x525.png"}]}</script>
通过 CSS 在 JS 文件中以这种方式显示并将其保存为 localstorage
问题是我不知道怎么做,我是来做这个的:
function mostrarFrases(){
//Cargamos la galeria para mostrarla
galeria=JSON.parse(localStorage.getItem("frases"));
for (var cont=0;cont<galeria.frases.length;cont++)
{
document.write(galeria.frases[cont].frase);
document.write(galeria.frases[cont].persona);
document.write(galeria.frases[cont].foto);
}
}
但这向我显示了所有没有格式的文本,而不是我只看到路径的图像
我是新手,如果有人可以帮助我:D
为了让它看起来像你想要的那样,你必须创建一个HTML结构并为其分配CSS样式,你可以通过以下方式进行:
很长的路要走:
短途:
如果您不介意失去与 Internet Explorer 的兼容性,另一种选择是使用元素
template
并从模板生成元素: