木子屋 Dnawo's BLOG

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

👤 dnawo 📅 2007-12-24 👁 5924 👍 0 💬 0 🔄 本站原创
如果要看一个页面的源代码,我们可通过浏览器菜单或右键来打开查看,但这也只能看到页面本身的HTML和服务器端脚本(ASP、PHP、JSP等)生成的HTML,而第三部分HTML(客户端JS生成)却是看不到的,对这部分HTML我们通过上述方法打开时只能看到JS脚本内容。有的时候我们想看JS生成的HTML是否正确,就需要通过查看第三部分HTML来判定,有什么办法能看到这第三部分的HTML呢?方法很简单:只要在页面中将JS生成的部分选中并复制,然后在DW中新建一页面,切换到代码视图清空原有的代码后再切换到设计视图,最后将复制的内容粘贴到DW中,再切换到代码视图即可看到JS生成的HTML。

运行下边代码,在打开的页面中按Ctrl+A全选,然后按上述方法复制粘贴到DW中即可看到JS生成的表格的HTML。
HTML
<script language="javascript">
//生成10行一列的表格
var t;
t = "<table border=1>";
for(var i=1;i<=10;i++)
{
	t += "<tr><td>第" + i + "行</td></tr>";
}
t += "</table>";
document.write(t);
</script>

评论(0)

暂无评论。

计算题
评论需审核通过后显示
← 上一篇 JS树形导航菜单:TreeView 下一篇 → 为什么执行Select后SqlHelper的ExecuteNon…