无法 iframe 我网站的某些页面答案

【问题标题】：Can't iframe some pages of my website无法 iframe 我网站的某些页面
【发布时间】：2017-09-15 15:10:55
【问题描述】：

您好，我正在尝试 iframe 这个元素 https://allnepaliconverter.com/ok/demo_iframe.html 但他们的键盘似乎没有 iframed。

html代码如下

<!DOCTYPE html>
<html>
  <title>Virtual Keyboard</title>


<meta name="robots" content="noindex, nofollow">

  <script type="text/javascript" src="vk_iframe.js?vk_skin=goldie&vk_layout=IN Devanagari" ></script>

 </head>
 <body>
     <form action="no.cgi" method="get"><strong>
     <p style="color: red;font-family: sans-serif;"> Enter From The Keyboard Below Using Mouse Or Your Hardware Keyboard Device </p></strong>

     <textarea id="text" cols="72" rows="10" wrap="soft" onfocus="IFrameVirtualKeyboard.attachInput(this)"></textarea>

       <div id="td"></div>
       <body  onload="IFrameVirtualKeyboard.toggle('text','td'); return false;" >

</form>      
</body>
</html>

【问题讨论】：

那么它在 iframe 中的测试页在哪里？

标签： javascript wordpress iframe

【解决方案1】：

如果您查看控制台，您应该会看到：

Uncaught DOMException: Blocked a frame with origin "https://allnepaliconverter.com" from accessing a cross-origin frame.

这解释了为什么键盘不打印。查看here 以获得完整的解释和可能的解决方法。

【讨论】：

一种可能的解决方法是在您的网站上重现该页面：获取脚本，重现 html...

【解决方案2】：

可能键盘是由同一来源的 javascript 加载的 iframe。浏览器会阻止脚本尝试访问具有不同来源的框架。

【讨论】：