javascript - 如何阻止网站在 iframe 中加载?

标签 javascript jquery html iframe youtube

最近我尝试在 iframe 中加载 youtube 网站,但我发现它不起作用。我使用了这个简单的代码。

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<iframe width="1000px" height="700px" src="http://www.youtube.com" ></iframe>
</body>
</html>
  1. 我想知道,为什么我的网页无法加载 youtube 网站 iframe..

  2. 我使用什么代码在我的网页中加载 YouTube 网站。

  3. 我如何在我的网站中使用相同的技术,所以没有人可以添加我的网站 在 iframe 中。

最佳答案

对于现代浏览器,需要在 Header 中启用 X-Frame-Options, x-frame-options header 可以通过 Web 服务器配置设置来实现。

您可以在页眉中查看X-Frame-Options,如下图所示, enter image description here

引用:https://www.keycdn.com/blog/x-frame-options/

如果您的浏览器不支持它,那么您将没有任何点击劫持防御措施,可以使用 HTTP header 字段 X-Frame-Options,

  <meta http-equiv="X-Frame-Options" content="deny">

X-Frame-Options 有三个可能的值:

拒绝 - 页面无法显示在框架中,无论网站是否尝试这样做。

同源 - 页面只能显示在与页面本身同源的框架中。

ALLOW-FROM uri - 该页面只能显示在指定来源的框架中。

关于javascript - 如何阻止网站在 iframe 中加载?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19843085/

相关文章:

javascript - Kendo ui 中的嵌套 JSON 未加载

javascript - 动态地从json中选择元素

html - 为什么 "z-index"不适用于具有转换 : translateY() 的元素

javascript - 当 $_POST 变量点击页面时自动提交表单

javascript - 如何使用plotly js显示垂直文本?

javascript - 如何使用 jQuery 触发 Ctrl+C 按键事件?

jquery - Bootstrap 幻灯片轮播带缩略图的全屏

javascript - 选择 p 文本 jquery

html - CSS将元素移动到顶部而不使用负值

html - 即 : dropdown options are blank if contain character of my custom font