当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 在IE模态窗口中自由查看HTML源码的方法

Javascript
图片展示效果 鼠标经过变大图,支持FF
可拖动可改变大小div的实现代码
javascript 随机广告代码(图片广告)
JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现
JQuery 浮动导航栏实现代码
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
js 分栏效果实现代码
基于jQuery的ajax功能实现web service的json转化
IE 条件注释详解总结(附实例代码)
用cssText批量修改样式
JavaScript 应用技巧集合[推荐]
jquery 导航设计实现代码 学习jquery的朋友可以看下
动态样式类封装JS代码
一步一步教你写一个jQuery的插件教程(Plugin)
使用jQuery的ajax功能实现的RSS Reader 代码
jquery tools 系列 scrollable(2)
jquery tools系列 overlay 学习
jquery tools系列 expose 学习
javascript十个最常用的自定义函数(中文版)
javascript 流畅动画实现原理

Javascript 中的 在IE模态窗口中自由查看HTML源码的方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 274 ::
收藏到网摘: n/a

IE提供的模态窗口,在我们制作数据录入窗口和Wizard等功能上,有着非常不错的应用。不过由于一些安全性上的限制,使得在模态窗口中调试脚本变得非常的郁闷。因为模态窗口不支持对象的选取和右键菜单,使得我们想察看html代码非常的不方便。那么有什么办法可以解决吗?
虽然我们在制作模态窗口中的页面时,可以使用普通的IE窗口来访问其内容和调试脚本。可是当我的页面完成,并装载入模态窗口并依赖一系列的输入数据后,我们要对他进行debug,就变得很不方便了。如果我们不想在模态窗口载入的页面中写很多测试代码,我们只有借助调试器(如:script debugger,vs.net等)才能看到里面的html代码。
前面我们说了,IE对于模态窗口,自动的屏蔽了选择和右键菜单的功能。不过这里也有一个例外,就是在INPUT type=text和TEXTAREA这两个元素中可以使用其context menu。如下图:
ContextMenu_1.gif
前段时间我曾推荐过一个IE的功能扩展:《推荐一个叫Full Source的IE功能扩展》。
这个扩展功能本来是在网页页面的context menu中添加一条"Full Source"的功能,可是非常有趣的是,这个"Full Source"的扩展同时也会被注入上图的那个context menu中。如下图:
ModalDialog.png
这样一来,我们在模态窗口中察看该页面的html源代码就非常的容易了~~