为了账号安全,请及时绑定邮箱和手机立即绑定

Iframe:设置 document.location 2x 后白屏

Iframe:设置 document.location 2x 后白屏

浮云间 2023-08-05 20:43:26
我正在创建一个 Web 应用程序,旨在将其嵌入到我的 Wix 网站中。我需要的网络应用程序基本上可以简化为一个文本屏幕和一个按钮来更改屏幕视图/页面(显示的html)。然而,问题是,无论我是从“主页”还是从“页面”开始,应用程序都会加载两个下一个屏幕,并在之后给我一个白屏。我还尝试了其他更改 url 的选项 - ie等location.href,window.location甚至尝试通过更改页面<a href= URL,但问题仍然存在。下面是我的代码的简化:页面 HTML    <!DOCTYPE html>    <html>        <script src="https://apis.google.com/js/platform.js" async defer></script>              <head>    <base target="_self">        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">        </head>      <body>          <h1>page page</h1>              <button id="pagebtn" class="font-family: Raleway; font-size: 16px; waves-effect waves-light btn-small  blue accent-2"><i class="material-icons left">check</i> Navigate to home </button>          <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>        <script>         document.getElementById("pagebtn").addEventListener("click",changepage);        function changepage(){              var url_new = "https://script.google.com/macros/s/AKfycbzKN9vYBa1yQguooTnijIipyMdAMbXo7a61wjWHt0ybCynH2bxj/exec?v=home";       document.location = url_new;    }            </script>       </body>    </html>主页 HTML    <!DOCTYPE html>    <html>        <script src="https://apis.google.com/js/platform.js" async defer></script>              <head>        <base target="_self">         <meta name="viewport" content="width=device-width, initial-scale=1.0"/>        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
查看完整描述

1 回答

?
杨魅力

TA贡献1811条经验 获得超6个赞

我通过将 document.location 更改为 window.top.location 解决了我的问题

但是,由于我需要将其嵌入到我的网站中,因此每当(毕竟是 window.top)、每当单击“导航”按钮时,它都会打开一个新窗口 - 它不会按预期工作,但作为临时修复,它会做


查看完整回答
反对 回复 2023-08-05
  • 1 回答
  • 0 关注
  • 97 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信