日期:2014-05-17  浏览次数:20553 次

问个比较弱智的问题,使用Json获取数据输出到前台时,查看源码,为什么看不到源码却有显示呢?
比如:
 $.each(json, function (i) {
  var id=json[i].Id;
  var title=json[i].Title;
  var dtAdd=json[i].DtAdd;
   
  $("#list").append("<li><a onclick=setPara('Id','"+id+"') href='detail7.htm' >标题:" + title + "【日期:" + dtAdd + "】</a></li>")
  })
得到一个列表,
【1】前台可以显示,但是查看网页源码却什么都没有......这是为什么呢?
【2】通过什么方式可以在浏览器查看到源码呢?

------解决方案--------------------
那是在html 加载完后js动态添加的 所以html源码里面是没有那些代码的.
------解决方案--------------------
通过浏览器调试工具可以看到源码
------解决方案--------------------
因为是通过JS增加的是查看不到源码的,可以使用谷歌浏览器右键查看元素。
也可以使用FIRE浏览器的等。
------解决方案--------------------
你想看到不简单吗?直接写入到div里,或是alert一下不就可以了?
------解决方案--------------------
探讨

因为是通过JS增加的是查看不到源码的,可以使用谷歌浏览器右键查看元素。
也可以使用FIRE浏览器的等。

------解决方案--------------------
通过js控制的是看不见的,是在内存里直接操作完输出的
不过ie8以上版本的浏览器按下f12你就会有惊喜~~
------解决方案--------------------
大多数浏览器源码是不会显示脚本执行的结果的,要看脚本操作的结果可以用firebug查看html
------解决方案--------------------
这么跟你说吧,你在查看源码里查看的是浏览器获取的该页面的主文档,主文档里包括了HTML内容以及其他Javascript或CSS内容。而你在浏览器里看到的是该主文档所对应,或生成的HTML文档,这两个文档是不同的,主文档是服务器真实返回的内容,而HTML文档可以通过JS随意修改,也就是你看到的浏览器里的东西可以通过JS控制,添加或删除。
你说的$("#list").append(),这个就是通过JS动态添加内容到HTML文档,但是原始的主文档是不变的。