首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在JS中调用iframe,以便在地址栏中保留原始url。

如何在JS中调用iframe,以便在地址栏中保留原始url。
EN

Stack Overflow用户
提问于 2021-03-13 15:02:47
回答 1查看 47关注 0票数 1

我正在寻找一种方法在JAVASCRIPT (可能使用iframe),以保留一个原始网站的网址时,一个新的页面出现。示例:原始站点url显示www.initialPage.com。当用户点击ALT-Z时,新网站应该会显示www.secondaryPage.com的内容。我认为可以工作的代码如下所示。但是,当选择ALT-Z组合键时,www.initialPage.com会留在url中(这正是我想要的),但只会显示一个空白页面。

代码语言:javascript
运行
复制
document.addEventListener('keydown', function(e) {
  if (e.altKey) {
    switch (e.code) {
      case 'KeyZ':
        function prepareFrame() {
          var ifrm = document.createElement("iframe");
          ifrm.setAttribute("src", "http://www.secondaryPage.com");
          ifrm.style.height = "100vh"
          ifrm.style.width = "100vw"
          document.body.replaceWith(ifrm);
        }
        prepareFrame();
        break;
    }
  }
});

函数中有没有什么东西我忘了让www.secondaryPage.com显示?我知道存在安全风险,但这是针对一个非常小的受信任的专用网络的

EN

回答 1

Stack Overflow用户

发布于 2021-03-14 12:26:00

我在这方面做了更多的实验,看起来带iframe (www.secondaryPage.com)的站点不显示的原因与初始页面(www.initialPage.com)是一个安全的站点有关。当我使用一个不安全的站点作为初始页面时,secondaryPage显示得很好。如果任何人可以提供一些洞察力,我可以做的上述代码工作,而在一个安全的网站,我将不胜感激。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66610899

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档