帮助弹出窗口的 html 代码答案

【问题标题】：assistance with html code for popup window帮助弹出窗口的 html 代码
【发布时间】：2013-02-26 14:11:30
【问题描述】：

我将使用 shopify 的系统，所以我仅限于我可以编辑的方式和页面。

我有一个页面是应用程序，但我希望该页面在加载时显示弹出式免责声明，然后他们才能看到该页面。

我被告知我不能编辑应用页面本身，但我可以在公共站点页脚中添加 javascript 代码来检查当前 url，如果它等于这个特定页面，则创建一个弹出窗口。

我创建了一个包含免责声明信息的页面，因此我希望弹出窗口加载此页面的内容。

我相信我可以使用这个 div 标签加载内容

div id="popupinfo" pages.disclaimer.content div

我不知道如何添加 if 语句来检查当前 url = site.com app.html then div id="popupinfo" pages.disclamier.content div

这个网站使用他们自己的语言，称为 Liquid，因此使用双括号..但是我确信任何用于提取 html 页面内容的代码都可以工作。

能否请我帮忙看看我该怎么做？

查看当前页面
如果页面 = xxx
创建弹出窗口的最佳方法，用户必须单击是或确定按钮
然后显示常规页面

提前致谢！

小册子

【问题讨论】：

标签： html popup window

【解决方案1】：

只能在用户操作时打开弹出窗口，例如“点击”操作。

【讨论】：

那么我应该拥有通常转到应用程序的链接，而不是转到此弹出窗口，当您点击确定或同意时，它会转到应用程序页面？如果是这样，我的代码会是什么样子？

【解决方案2】：

if( document.URL === "myPage.html" ){
     // Disclaimer alert
     if (confirm('Do you agree to this Disclaimer?')){
         // Redirect
         window.location = "myNewPage.html";
     } else {
         // Do nothing
     }
}

【讨论】：

我现在发现我可以编辑应用程序页面的页眉和页脚，而不是正文本身。
那么这个If语句会改变吗？
你所说的“改变”是什么意思？

【解决方案3】：

试试这样的：

<html>
<head>
</head>
<script type="text/javascript">
function poponload()
{
   popupwindow=window.open("","mywindow","location=1,status=1,scrollbars=1,width=100,height=100");
    popupwindow.moveTo(0, 0);
}
</script>
<body onload="javascript: poponload()">
This is the page
</body>
</html>

【讨论】：

更新......我只能编辑这个应用程序的页眉和页脚，但不能编辑正文......我认为这越来越难
在标题中，添加对外部 javascript 文件的调用。在 Javascript 文件中，添加如下内容：$(document).ready(function() { [...insert window.open here...] });

【解决方案4】：

您可以使用我制作的this example中的代码。

$(document).ready(function(){
  $('#open_popup').click(function(){
    popupwindow=window.open("http://google.com","mywindow","location=1,status=1,scrollbars=1,width=600,height=500");
  })
})

【讨论】：