Question

我在检索网址查询字符串时遇到问题。比如，在一个HTML页面中，我有一个按钮。当按下按钮时，我会调用一些这样的javascript函数。

function() {
    $("#kendowindow").kendoWindow ({
        width: 50%,
        height: 50%,
        content: "page.html?querystring=2&secondquerystring=3"
    }),
}

现在，在page.html中，我想检索两个查询字符串值并在另一个javascript函数中使用它们。我有什么方法可以做到这一点吗？

page.html中

<html>
    <body>
        <h1>Kendo Window Page </h1>
    </body>
    <script>
        alert(window.location); // This displays my first page url (NOT page.html?querystring=2&secondquerystring=3)
    </script>
    </body>
</html>

有没有办法可以从kendo窗口的content属性中检索查询字符串值？我需要它们用于page.html中定义的单独的javascript函数。任何帮助将不胜感激。

Answer 1

如果你看不到它是因为page.html未加载iframe，因此它没有自己的url（KendoUI加载DOM内部页面的内容同页）。

您有两种选择：

将iframe添加iframe: true加载到kendoWindow选项
从内部代码访问KendoUI窗口，并要求content选项。

选项1：

KendoUI窗口创建代码

$("#kendowindow").kendoWindow({
    width: "50%",
    height: "50%",
    content: "page.html?querystring=2&secondquerystring=3",
    iframe: true
});

和页面HTML：

<html>
    <body>
        <h1>Kendo Window Page </h1>
    </body>
    <script>
        console.log("url", window.location.href);
    </script>
</html>

选项2：

KendoUI窗口创建代码：

$("#kendowindow").kendoWindow({
    width: "50%",
    height: "50%",
    content: "page.html?querystring=2&secondquerystring=3"
});

和页面HTML

<html>
    <body>
        <h1>Kendo Window Page </h1>
    </body>
    <script>
        var win = $("#kendowindow").data("kendoWindow");
        console.log("url", win.options.content.url);
    </script>
</html>

从Kendo Window Content URL检索查询字符串

1 个答案: