将某个网站嵌入到iframe的测试

汪子熙

已于 2024-10-22 13:59:35 修改

阅读量1.7k

点赞数

分类专栏：前端开发相关文章标签： javascript 前端 chrome

于 2020-03-16 19:11:01 首次发布

本文链接：https://blog.csdn.net/i042416/article/details/104905861

版权

前端开发相关专栏收录该内容

820 篇文章

订阅专栏

因为项目需要，我得尝试这种通过iframe把某个网站嵌入到自开发页面中去的解决方案。

被嵌入的网站我选择百度。

完整代码：

<html>
<script src="./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 img = frameDom.ownerDocument.body.getElementsByTagName("img");
	var result = $("#result").get(0);

	for( var i = 0;i < 2;i++) { 
		$("<div><p>Hello11</p></div>").appendTo(result); 
		/*b=b+"<a href="+a.src+" target=_blank><img border=0 src="+a.src+"></a><br>";};document.write(b)
		*/
	}
	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>

测试效果：

The X-Frame-Options HTTP 响应头是用来给浏览器指示允许一个页面可否在 , , 或者中展现的标记。站点可以通过确保网站没有被嵌入到别人的站点里面，从而避免 clickjacking 攻击。

X-Frame-Options: deny 不光在别人的网站 frame 嵌入时会无法加载，在同域名页面中同样会无法加载。
X-Frame-Options: sameorigin 页面就可以在同域名页面的 frame 中嵌套
X-Frame-Options: allow-from https://example.com/