如何在我的网站上执行以下操作？ [关闭]
Posted
技术标签:
【中文标题】如何在我的网站上执行以下操作？ [关闭]【英文标题】：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] 【参考方案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 隐藏）以上是关于如何在我的网站上执行以下操作？ [关闭]的主要内容，如果未能解决你的问题，请参考以下文章
使用 discord Oauth2 时，如何在我的网站上显示用户名和头像？ [关闭]
如何在我的登陆页面上以文本形式显示我的网站访问者的位置？ [关闭]
如何获取在我的网站上发帖的用户的地理区域并将其存储在数据库中[关闭]
如何在我的网站中打开YouTube视频而不更改URL [关闭]