如何在我的网站上执行以下操作？ [关闭]答案

【问题标题】：how can i do the following on my website? [closed]如何在我的网站上执行以下操作？ [关闭]
【发布时间】：2014-06-30 23:46:06
【问题描述】：

我希望如果有人单击链接，则仅在该页面上（该人单击链接）另一个页面应作为嵌入页面或 i 框架打开。如何使用 html 或 javascript 在我的网站上执行此操作？

【问题讨论】：

使用 CSS（位置、z-index 等）[w3schools.com/css/css_positioning.asp]

标签： javascript html iframe web embed

【解决方案1】：

试试这个，但我不确定它是否有效。 JSFiddle - link

编辑： HTML

<body>
  <div id="box">
     <a href="javascript:show();" >Link</a>
  </div>
  <div id="box2">    
     <iframe src="" id="frame" width=100% height=100%></iframe>
     <div id="close"><input type="button" onclick="closeIframe()" value="X" /></div>
  </div>
</body>

Javascript

function show()
{
  box= document.getElementById("box");
  box.style.visibility="hidden";

  frame=document.getElementById("box2");
  frame.style.visibility="visible"; 
}
function closeIframe()
{
  box2=document.getElementById("box2");
  box2.style.visibility="hidden";
  box= document.getElementById("box");
  box.style.visibility="visible";
}

CSS

#box
{  
   background-color:yellow;
}
#box2
{
   position:absolute;
   top:7px; //here i've set 7px but you cant set what you want 
   visibility:hidden;
}
#close
{
   position:relative;
   left:100%;
   width:50px;
   top:-160px;
 }

【讨论】：

它已经工作了，但我希望 iframe 适合整页我该怎么做？并且在 i 框架出现后，页面的剩余内容是否可以被删除（除了 iframe ）？
iframe 在页面加载后立即加载，我希望它只有在点击链接后才会加载
但是如果因为不可见而看不到，有问题吗？您可以制作一个包含除 iframe 之外的所有内容的 div 框。因此，如果您只想显示 iframe，请将 div 设置为隐藏
为什么你想要一个适合整个页面的 iframe？
你能告诉我我该怎么做吗？（那个 div 隐藏）