欢迎光临

木子屋

标题: 源代码终极查看策略：查看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.864 ms

返回

标题: 源代码终极查看策略：查看JS生成的HTML

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.864 ms

返回

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.896 ms

返回