Metro 应用程序 - 弹出窗口 JavaScript答案

【问题标题】：Metro app - Pop up window JavaScriptMetro 应用程序 - 弹出窗口 JavaScript
【发布时间】：2013-05-27 00:35:31
【问题描述】：

我正在尝试使用 JavaScript 创建 Metro 应用程序，但找不到创建弹出窗口的方法。

我正在尝试做的一个示例如下所示：

有没有办法使用 JavaScript（没有 jQuery）来做到这一点？

我正在尝试使用 alert，但是当我在 Visual Studio 中点击运行时，我收到以下错误：

0x800a1391 - JavaScript runtime error: 'alert' is undefined

JSFIDDLE CODE

HTML：

<body>
    <header>
        <button id="about">About</button>
    </header>
</body>

JAVASCRIPT：

function button(){
    var about = document.getElementById("about");
    about.addEventListener("click", buttonAboutHandler, false);  
}

function buttonAboutHandler(eventinfo) {
    alert("About");
}

【问题讨论】：

stackoverflow.com/questions/13652413/…

标签： javascript html

【解决方案1】：

你可以使用 messageDialogbox 类

var messageDialog = new Windows.UI.Popups.MessageDialog(string);

然后通过使用显示它

.showAsync()

方法。在您的事件处理程序中使用此代码，每当事件触发弹出窗口就会出现。

var messageDialog = new Windows.UI.Popups.MessageDialog("About", "your text");
messageDialog.showAsync();

参考：MessageDialog Class

【讨论】：

【解决方案2】：

首先。您需要在解决您的问题的窗口onload 上注册您的事件，以附加点击事件。

http://jsfiddle.net/Qz5dA/1/

现在用纯javascript创建一个没有Jquery的对话框创建div并定义你的css来创建效果

http://jsfiddle.net/Qz5dA/4/

【讨论】：

它在我的情况下不起作用（Metro 应用程序）。我认为 Metro 应用程序不支持 alert，因为它是浏览器功能。
我想也许你需要阅读这个stackoverflow.com/questions/13652413/…