Created by Jerry Wang, last modified on Sep 02, 2014
<html>
<script src="js/jquery_1.7.1.js">
</script>
<script>
function register_event() {
var iframeList = $("iframe");
var frameDom = iframeList.get(0);
var test = frameDom.contentWindow.document.getElementsByTagName("img");
var result = $("#result").get(0);
for( var i = 0;i < test.length;i++) {
var instance = test[i];
console.log("image url: " + instance.src);
var imgSource = "<a href=" + instance.src + " target=_blank><img border=0 src=" + instance.src + "></a><br>";
$(imgSource).appendTo(result);
}
console.log("ok");
};
</script>
<body onload="register_event()">
<p>hello</p>
<iframe width=920 height=930 frameborder=1 scrolling=auto src="http://www.baidu.com" mce_src="URL"></iframe>
<div id="result"></div>
</body>
</html>
Chrome的快捷方式加上如下参数:
确保Chrome启动后看到如下warning message, 说明Chrome对于cross domain的security check已经在该命令行启动模式下被屏蔽掉:
否则会遇到如下error message:
运行结果如下图所示: www.baidu.com页面下所有的image文件会逐行显示在iframe正下方: