如何让js调用的页面覆盖原页面
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何让js调用的页面覆盖原页面相关的知识，希望对你有一定的参考价值。
例如我不想让客户看到原页面里面的内容，想用js做一个新的页面覆盖着原页面！也就是说不让客户看出来这是调用的页面！
参考技术A function createDiv()var div=document.createElement("div");
div.style.position="fixed";
div.style.width="100%";
div.style.height="100%";
div.style.backgroundColor="white"; //可以放置你想添加的背景色。
document.body.appendChild(div);
createDiv(); 参考技术B <body onload="getNewPage()">
函数getNewPage()
window.location.href = "xxxxx";
本回答被提问者采纳
用iframe框架调用了另一个页面，如何显示指定的某一块区域呢
我在自己的页面（A页面）里面弄了个200*200的框，框里用iframe调用了另一个页面（B页面）的内容，但是显示出来的效果是B页面左上角内容，如何让他显示出来某一块我指定的区域呢，例如显示B页面右侧的一块，该用什么代码呢
谢谢啦先
hspace:网页右上角的的横坐标；
vspace:网页右上角的纵坐标；
frameborder:是否显示边缘；填"1"表示"是"，填"0"表示"否"
scrolling:是否出现滚动条；填"1"表示"是"，填"0"表示"否"
举例：运行代码框
<div align="left">
<table border="1" width="589"id="table1">
<tr><td>
<IFRAME name=I1 src="http://www.sohu.com/" marginwidth=-100 marginheight=100 vspace=-250 hspace=-760 frameBorder=0 width=2000 scrolling=no height=700 align="left"></IFRAME>
</td></tr>
</table>
</div> 参考技术A 不跨域的话,可以试试改变框架内页面的scrollTop和scrollLeft属性,或是试试调用你要显示元素的scrollIntoView方法. 参考技术B 这个问题我专门研究过，应该是实现不了的，无论是第iframe设置style设置padding或者margin都无效。
以上是关于如何让js调用的页面覆盖原页面的主要内容，如果未能解决你的问题，请参考以下文章
vue2 我自己写的弹窗组件，弹窗在页面里显示后，原JS文件失效，怎么回事？