做一个网站的“镜像”站

ggp 技术 2018-02-21 418 次浏览

代码如下:

<!DOCTYPE html>
<html style=”width: 100%;height: 100%;”>
<head lang=”en”>
<meta charset=”UTF-8″>
<title>xxx 镜像站</title>
<style>
html,body{ padding: 0; margin: 0;}
</style>
</head>
<body style=”width: 100%;height: 100%;”>
<div class=”test” id=”test”  style=”width: 100%;height: 100%;”>
<iframe name=”ifr” id=”ifr” src=”http://www.xxx.com” frameborder=”none” scrolling=”auto” style=”width: 100%; height: 100%;-webkit-transform:rotateY(180deg);”></iframe>
</div>
<script>
function test(h){
document.getElementById(“test”).style.height = h+”px”
}
//在父级操作容器高度,这有个问题就是在iframe中的页面有高度改变的时候这里并不会改变
/*document.getElementById(“ifr”).onload = function(){
document.getElementById(“test”).style.height = this.contentWindow.document.body.clientHeight+”px”;
};*/
</script>
</body>

回顶部