标题: 源代码终极查看策略：查看JS生成的HTML
作者: dnawo
日期: 2007-12-24 09:45 AM
分类: 脚本语言
内容: 如果要看一个页面的源代码，我们可通过浏览器菜单或右键来打开查看，但这也只能看到页面本身的HTML和服务器端脚本(ASP、PHP、JSP等)生成的HTML，而第三部分HTML(客户端JS生成)却是看不到的，对这部分HTML我们通过上述方法打开时只能看到JS脚本内容。有的时候我们想看JS生成的HTML是否正确，就需要通过查看第三部分HTML来判定，有什么办法能看到这第三部分的HTML呢？方法很简单：只要在页面中将JS生成的部分选中并复制，然后在DW中新建一页面，切换到代码视图清空原有的代码后再切换到设计视图，最后将复制的内容粘贴到DW中，再切换到代码视图即可看到JS生成的HTML。
运行下边代码，在打开的页面中按Ctrl+A全选，然后按上述方法复制粘贴到DW中即可看到JS生成的表格的HTML。
HTML代码
//生成10行一列的表格
var t;
t = "";
for(var i=1;i第" + i + "行";
}
t += "";
document.write(t);
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
+ 查看当前日志评论 (0)
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.016 ms
你没有权限发表评论
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.016 ms
暂无评论
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 0.031 ms