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

时间:2018-01-18 12:13:19

标签: html css html5 iframe webview

我基本上试图将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>

2 个答案:

答案 0 :(得分:1)

这是iframe语法的示例。

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

无法正确实施,因为谷歌不允许在框架内。

这可以用作例如:

 <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

<强> EXTRA

了解如何从Google Click Me

添加自定义搜索

实施任何功能齐全的网站

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

还包含一个用于打开和关闭iframe的按钮标记。

&#13;
&#13;
$(document).ready(function() {
	$(".btn").click(function() {
		$("#frame").toggle();
	});
});
&#13;
.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;}
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您无法在iframe中显示Google。

您也无法在iframe中显示Yahoo!,Twitter或Facebook。

大多数主要网站和银行都通过使用

来阻止这种能力
X-Frame-Options: DENY

在这里阅读更多内容

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options