JS Json代码没有在视图源上输出数据

JS Json code not outputing data on view source

本文关键字:输出 数据 视图 Json 代码 JS      更新时间:2023-09-26

我在我的页面上使用以下代码:

<script>$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#gallery").wrap("<a rel='external' href='" + item.media.m + "'></a>");

if ( i == 20 ) return false;
});
});</script>

当我查看页面源代码时,我没有看到图像标签,只是脚本和我添加了一个jS库,以便当点击图像时会弹出。

这不是发生,但当我得到的图像代码添加的jquery和粘贴它直接到我的页面,并保存它,然后它的工作完美。

有人知道为什么会发生这种情况吗?

小提琴可以正常工作:

http://jsfiddle.net/NEFma/

在大多数浏览器中,你无法在视图源中看到图像标签。

(然而,如果你使用的是chrome浏览器,你应该能够-右键单击一个猫,说检查元素)

View source显示了原始html文件的源代码,当javascript更新DOM时它不会更新。大多数浏览器都有某种形式的工具允许你检查DOM的当前状态,例如webkit浏览器中的检查器或firefox中的firebug。