Iframe：设置 document.location 2x 后白屏
我正在创建一个 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回答
-
杨魅力
我通过将 document.location 更改为 window.top.location 解决了我的问题但是，由于我需要将其嵌入到我的网站中，因此每当（毕竟是 window.top）、每当单击“导航”按钮时，它都会打开一个新窗口 - 它不会按预期工作，但作为临时修复，它会做
随时随地看视频慕课网APP
相关分类
JavaScript