在 html 页面内的容器中打开网站答案

【问题标题】：Opening a web site in a container within an html page在 html 页面内的容器中打开网站
【发布时间】：2018-01-18 12:13:19
【问题描述】：

我基本上是想在另一个 html 页面中放置一个 html 框架。我尝试使用 iframe 打开以下站点，但没有帮助。请帮助我打开这个站点以及除 iframe 之外的其他方式来执行此操作，我也希望稍后在 R 中重写 html 脚本，所以请建议遵循合适的方法。谢谢。

<!DOCTYPE html>
<html>
<body>
<base target="_blank">
<iframe>
src="google.com" height="200" width="300"
</iframe>
</body></html>

更新

<!DOCTYPE html>
<html>
    <body>
 <a href="http://www.google.com" target="_parent"><button>Click me !
  </button></a>
</body></html>

【问题讨论】：

@vaishalikapadia，我恳请您编辑该声明，因为我的要求是将网页放入 iframe 或合适的容器中，该容器是现有 html 页面的一部分，而不是 html 页面中的html页面。
是的，对..已删除
@vaishalikapadia，谢谢。
您的语法不正确。 <iframe src=""></iframe> 在这里阅读更多内容 --> developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe
你想嵌入 google.com 吗？

标签： css html iframe webview

【解决方案1】：

这是iframe 的语法外观示例。

 <iframe  width="100%" height="100%" src="https://www.google.co.za/" frameborder="0" scrolling="auto" allowfullscreen>
 </iframe>

由于框架中不允许 google，因此无法正确实施。

这会起作用，例如：

 <iframe  width="100%" height="100%" src="https://www.rdocumentation.org/" frameborder="0" scrolling="auto" allowfullscreen>
 </iframe>

R 语法：

iframe(width, height, url_link) //syntax

iframe(width = "560", height = "315", url_link = "https://www.youtube.com/embed/0fKg7e37bQE") //example

这里是 R 文档。 https://www.rdocumentation.org/packages/shinyLP/versions/1.1.0/topics/iframe

额外

阅读这篇关于从谷歌Click Me添加自定义搜索的信息

实现任何功能齐全的网站

要在浏览器的完整视角中使用iframe，请使用您的代码为您提供一个示例：

还包括一个按钮标签来打开和关闭 iframe。

$(document).ready(function() {
	$(".btn").click(function() {
		$("#frame").toggle();
	});
});

.btn {color: black; background-color: #eee; height: 50px; width: 200px; border-radius: 10px;border-color: #96bdd9;box-shadow: inset 0 1px 0 #f4f8fb; margin-bottom: 20px;outline: none;}
.test {position: fixed; width: 100%; height: 100%; }
.test iframe { width: 100%; height: 100%; border: none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<body>
<button class="btn" >Iframe Open & close</button>

<div class="test">
  <iframe id="frame" style="display: none;" width="100%" src="https://getbootstrap.com/" frameborder="0" scrolling="auto">
  </iframe>
</div>
 
</body>
</html>

【讨论】：

非常感谢您的回复，如果您能将您的代码嵌入到我的上面并提供一个完整的脚本以便我可以尝试，将不胜感激。
@AdamShaw 我修改了我的遮阳篷看看
我真的很感谢您的努力，先生，这个文档非常棒。但是，当我嵌入它时，如果我在浏览器中打开站点，我可以实现的功能远不止这些。从学习者的角度来看，我只是想知道，是否有可能在容器中实现任何功能齐全的网站，例如 html 中的 iframe，以便我可以像在浏览器中一样使用它。
如果我理解正确，请查看我更新的答案，如果您想要的话，请告诉我@AdamShaw
谢谢，但我无法运行它，但我主要担心的是，我们能否在另一个网页中嵌入一个功能齐全的网站，例如您帮助我的“rdocumentation”？跨度>

【解决方案2】：

您不能在 iframe 中显示 Google。

您也不能在 iframe 中显示 Yahoo!、Twitter 或 Facebook。

大多数主要网站和银行通过使用来阻止此功能

X-Frame-Options: DENY

【讨论】：